/* Additions on top of the captured GoDaddy CSS (kept inline in each page). */
[data-ux=NavLinkDropdown][aria-expanded=true] svg,
[data-ux=NavigationDrawerLink][aria-expanded=true] svg { transform: rotate(180deg); }
img[data-canvas] { display: inline-block; width: 100%; height: auto; vertical-align: baseline; }

.bf-lightbox { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; background: #111; color: #fff; font-family: inherit; overflow: hidden; }
.bf-lightbox::before { content: ""; position: absolute; inset: 0; background: var(--bf-bg) center / cover; filter: blur(40px) brightness(0.55); transform: scale(1.1); }
.bf-lightbox img { position: relative; max-width: min(90vw, 1100px); max-height: 80vh; object-fit: contain; }
.bf-lightbox button { position: absolute; z-index: 1; border: 0; background: rgba(0, 0, 0, 0.35); color: #fff; cursor: pointer; border-radius: 50%; width: 40px; height: 40px; font-size: 28px; line-height: 1; }
.bf-lightbox button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.bf-prev { left: 8%; top: 50%; transform: translateY(-50%); }
.bf-next { right: 8%; top: 50%; transform: translateY(-50%); }
.bf-close { right: 8%; top: 40px; }
.bf-count { position: absolute; z-index: 1; left: 8%; top: 50px; font-size: 20px; }
@media (max-width: 767px) { .bf-prev { left: 8px; } .bf-next { right: 8px; } .bf-close { right: 8px; } .bf-count { left: 12px; } }

/* images that the builder revealed with its lazy-loader (opacity 0 until its script ran) */
picture[data-lazyimg], picture[data-lazyimg] img, img[data-aid^=GALLERY_IMAGE] { opacity: 1 !important; }

/* donate page: the Donorbox form is taller when it stacks on a phone (the builder resized the frame by script) */
@media (max-width: 767px) { iframe[src*="donorbox.org"] { height: 1506px !important; } }

/* Instagram tiles: the builder set each tile's pixel height to its width by script (square); keep them square at any width */
[data-aid^=INSTAGRAM_FEED_ITEM_RENDERED] { height: auto !important; aspect-ratio: 1 / 1; }

/* real forms (only present once the Pages Functions are switched on): honeypot, Turnstile slot, status line */
.bf-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.bf-ts { margin: 12px 0; min-height: 0; }
.bf-status { margin-top: 12px; font-size: 16px; line-height: 1.4; }
.bf-status[data-kind=error] { color: #b00020; }
.bf-status[data-kind=ok] { color: #1b6e3a; }