/* gy-added (review 2026-10-03) — Growyo pre-launch review fixes.
 *
 * Kept apart from bands.css so the ported/hand-written split stays legible, and
 * linked with a content-hash ?v= from Page.astro so a change is a new URL.
 * Every selector targets either a gy-added element or a state the runtime sets,
 * except the desktop header ink on light-topped pages (below), which is scoped by
 * the data-gy-header attribute Page.astro writes on those pages only. Adapted from
 * client-jrfloreslandscapingservices 21def98.
 */

/* ---- Drawer (tablet + phone) ---------------------------------------------- */

/* Scroll lock while the drawer is open. Duda sets overflow:hidden on <body>
   only, but the document scrolls <html>, so both are locked. */
html.gy-drawer-lock,
body.gy-drawer-lock {
  overflow: hidden !important;
  overscroll-behavior: none;
}

/* ---- Desktop header on pages that do not open on a dark hero ---------------- */

/* The desktop header is transparent over the page and its phone line and nav are
   white. Most pages (and the new legal pages) start on white, so
   all of it was white on white — on live too. Measured: heading navy
   rgb(27, 60, 112) is the site's own h1 ink. The current page keeps its orange,
   and hover keeps Duda's own orange. */
#dm[data-gy-header="light"] .dmHeaderContainer[data-mg-band="d"] #\31 348842538 span,
#dm[data-gy-header="light"] .dmHeaderContainer[data-mg-band="d"] a[href^="tel:"] .text,
#dm[data-gy-header="light"] .dmHeaderContainer[data-mg-band="d"] a[href^="tel:"] .icon,
#dm[data-gy-header="light"] .dmHeaderContainer[data-mg-band="d"] .unifiednav__item:not(.dmNavItemSelected):not(:hover),
#dm[data-gy-header="light"] .dmHeaderContainer[data-mg-band="d"] .unifiednav__item:not(.dmNavItemSelected):not(:hover) .nav-item-text {
  color: rgb(27, 60, 112) !important;
}

/* ---- Headings retagged to one H1 per page (zero visual change) ------------ */

/* Pinned to the values measured on the original tag at each band, 2026-10-03. */
#dm .gy-was-h2 {
  font-family: Aleo, "Aleo Fallback", serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#dm [data-mg-band="m"] .gy-was-h2 { font-size: 29px !important; }
#dm .gy-was-h1 {
  font-family: Aleo, "Aleo Fallback", serif !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#dm [data-mg-band="m"] .gy-was-h1 { font-size: 35px !important; }

/* A real H1 on pages with no heading text at all (/donate, /irs, /404). */
.gy-sr-h1 {
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ---- Gallery lightbox ----------------------------------------------------- */

/* PhotoSwipe's base CSS is position:absolute and only its JS promotes it to
   fixed; without that, a lightbox opened after scrolling paints above the
   viewport. Controls at PhotoSwipe's own resting opacity (.75). */
.pswp.gy-pswp {
  position: fixed !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  z-index: 2147483000 !important;
}
.pswp.gy-pswp { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.pswp.gy-pswp .pswp__bg { opacity: 1 !important; }
.pswp.gy-pswp .pswp__top-bar { opacity: 1 !important; }
.pswp.gy-pswp .pswp__button,
.pswp.gy-pswp .pswp__counter { opacity: .75; }
.pswp.gy-pswp .pswp__button:hover { opacity: 1; }
.pswp.gy-pswp .pswp__caption--fake { display: none !important; }

/* ---- Contact-form legal line ---------------------------------------------- */

/* One line under the submit button. The button is Duda's FLOATED .dmformsubmit,
   so clear it; padding rather than margin, which would collapse against the
   float and buy nothing. Every submit button on the three forms (/contact-us,
   /news-letter-sign-up, /volunteer) is centred in its form at 1440, 768 and
   390, so the line is centred. All three forms sit on a dark-blue photo
   overlay (the computed background walk reads a pale rgb(245,245,245) that is
   painted over — screenshot it), with white labels: white ink. */
#dm .gy-form-legal {
  clear: both;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding-top: 15px;
  text-align: center;
  font-family: Poppins, "Poppins Fallback", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  white-space: nowrap;
  color: rgb(255, 255, 255);
}
#dm .gy-form-legal a { color: rgb(255, 255, 255) !important; text-decoration: underline !important; display: inline !important; }

/* ---- Footer legal line ---------------------------------------------------- */

/* Inside the copyright widget, under the copyright, centred as the copyright is
   on every band, in its own type and ink (Poppins 13px rgb(56,56,56) on white). */
#dm .gy-footer-legal {
  display: block;
  width: 100%;
  padding-top: 4px;
  text-align: center;
  font-family: Poppins, "Poppins Fallback", sans-serif;
  font-size: 13px;
  line-height: 1.6;
  color: rgb(56, 56, 56);
}
#dm .gy-footer-legal a { color: rgb(56, 56, 56) !important; text-decoration: underline !important; display: inline !important; }
#dm .copyright:has(+ .gy-footer-legal) { margin-bottom: 0; }

/* ---- Legal pages ---------------------------------------------------------- */

/* Duda's reset zeroes margins on p/ul/h2, so the template text would read as one
   slab; set the rhythm explicitly. Body type is the site's own. */
#dm .gy-legal-row { padding: 0 0 60px; }
#dm .gy-legal { text-align: left; font-family: Poppins, "Poppins Fallback", sans-serif; color: rgb(56, 56, 56); font-size: 15px; line-height: 1.7; }
#dm .gy-legal h2 { font-family: Aleo, "Aleo Fallback", serif; color: rgb(27, 60, 112); font-size: 24px; line-height: 1.3; font-weight: 700; margin: 32px 0 10px !important; }
#dm .gy-legal h3 { font-family: Aleo, "Aleo Fallback", serif; color: rgb(27, 60, 112); font-size: 19px; line-height: 1.3; font-weight: 700; margin: 22px 0 8px !important; }
#dm .gy-legal p { margin: 0 0 12px !important; }
#dm .gy-legal ul { margin: 0 0 12px !important; padding-left: 24px !important; list-style: disc !important; }
#dm .gy-legal li { margin: 0 0 4px; display: list-item !important; }
#dm .gy-legal a { color: rgb(223, 103, 48) !important; text-decoration: underline; }
#dm .gy-legal .gy-legal-date { font-style: italic; margin-bottom: 20px !important; }
#dm [data-mg-band="m"] .gy-legal h2 { font-size: 21px; }

/* ---- CTA button on /blog, /donors, /events, /irs --------------------------- */

/* The home page's "SEND US AN EMAIL" button, measured 2026-10-03: 190x50 on
   desktop and tablet, 250x65 on phone; teal rgb(88,178,192), 50px radius, white
   Poppins 700 16px; navy rgb(27,60,112) on hover. Centred in its column. */
#dm .gy-cta-wrap { clear: both; width: 100%; text-align: center; padding: 40px 0 10px; }
#dm .gy-cta-wrap a.gy-cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 190px;
  height: 50px;
  border: 0;
  border-radius: 50px;
  background: rgb(88, 178, 192);
  text-decoration: none !important;
  transition: background-color .4s ease;
}
#dm .gy-cta-wrap a.gy-cta .text {
  color: rgb(255, 255, 255) !important;
  font-family: Poppins, "Poppins Fallback", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
#dm .gy-cta-wrap a.gy-cta.gy-cta-orange { background: rgb(223, 103, 48); }
#dm .gy-cta-wrap a.gy-cta:hover { background: rgb(27, 60, 112); }
#dm [data-mg-band="m"] .gy-cta-wrap a.gy-cta { width: 250px; height: 65px; }

/* ---- Business-name interlink (/contact-us) -------------------------------- */

/* Body text only; keeps the sentence's own white bold-italic ink on the dark band. */
#dm a.gy-name-link { color: inherit !important; text-decoration: underline !important; font: inherit; }

/* ---- Desktop header phone button stays on one line ------------------------ */

/* Between 1025 and ~1180 the column is too narrow for "520-442-0332" and the
   number broke after the second hyphen (live too). Held on one line: measured
   at 1025-1440 it stays inside the viewport and 32-38px clear of the
   "Questions? Give us a call" line beside it. */
#dm .dmHeaderContainer[data-mg-band="d"] a[href^="tel:"] .text { white-space: nowrap !important; }