/* gy-added (review 2026-10-02) — 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 here targets either a gy-added element or a state the runtime
 * sets; nothing restyles ported markup at rest. Adapted from
 * client-jrfloreslandscapingservices 21def98 (same template family).
 */

/* ---- Mobile drawer ------------------------------------------------------- */

/* Scroll lock while the drawer is open. Live 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;
}

/* ---- Hero title as <h1> -------------------------------------------------- */

/* The hero title was a styled <p> on every page (no H1 anywhere, on live too).
   Retagged, it must not pick up the theme's h1 type: the size comes from the
   kept size-55 / m-size-30 classes, the weight, colour and family from the
   inline span, and everything else is held at the paragraph's values. */
#dm .dmNewParagraph h1.gy-h1 {
  margin: 0;
  padding: 0;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: normal;
  text-transform: none;
  text-shadow: none;
  color: inherit;
}

/* ---- Business-name link -------------------------------------------------- */

/* Body copy only. Inherits the sentence's own ink (some sit on the dark blue
   band, some on white), marked as a link by weight and underline. */
#dm a.gy-name-link {
  display: inline !important;
  color: inherit !important;
  font-weight: bold;
  text-decoration: underline !important;
}

/* ---- Footer legal links -------------------------------------------------- */

/* Under the copyright line, which is centred in both footer bands
   (text-align-center, measured at 1440, 820 and 390), in its own type:
   13px, white on the footer's dark ground. */
#dm .gy-footer-legal {
  display: block;
  padding-top: 0;
  text-align: center;
  font-size: 13px;
  line-height: 1.6;
  white-space: nowrap;
  color: rgb(255, 255, 255);
}
#dm .gy-footer-legal a {
  display: inline !important;
  color: rgb(255, 255, 255) !important;
  text-decoration: none !important;
}
#dm .gy-footer-legal a:hover { color: rgb(247, 198, 30) !important; }

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

/* One line under the submit button, cleared in case a band floats it. The
   Submit button is centred in the form at every width, so the line is centred;
   the form sits on a light ground, so the site's dark body ink.

   SPACING, measured at 1440 and 390 (2026-10-02): the visible button (45px) ends
   7px above the bottom of its 55px .dmformsubmit wrapper, which is NOT floated
   here and carries a 20px bottom margin — so a plain line sat 27px below the
   button before any spacing of its own (42px with 15px of padding). The negative
   margin collapses with the wrapper's 20px to 8px, leaving 15px button-to-text. */
#dm .gy-form-legal {
  clear: both;
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin-top: -12px;
  padding-top: 0;
  text-align: center;
  font-size: 13px;
  line-height: 1.6;
  white-space: nowrap;
  color: rgb(49, 49, 49);
}
#dm .gy-form-legal a { color: rgb(49, 49, 49) !important; text-decoration: underline !important; display: inline !important; }

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

/* Duda's reset zeroes the margin on p, ul and h2, so the policy text would
   render as one unbroken slab. The rhythm is set explicitly. */
#dm .gy-legal {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 0 60px;
  text-align: left;
}
#dm .dmBody .gy-legal p,
#dm .dmBody .gy-legal li { font-size: 16px !important; line-height: 1.7 !important; text-align: left !important; }
#dm .dmBody .gy-legal p { margin: 0 0 14px !important; }
#dm .dmBody .gy-legal ul { margin: 0 0 14px !important; padding-left: 24px !important; list-style: disc outside !important; }
#dm .dmBody .gy-legal li { margin: 0 0 4px !important; }
#dm .dmBody .gy-legal h2 { margin: 34px 0 12px !important; font-size: 24px !important; line-height: 1.3 !important; text-align: left !important; }
#dm .dmBody .gy-legal h3 { margin: 22px 0 10px !important; font-size: 19px !important; line-height: 1.3 !important; text-align: left !important; }
#dm .dmBody .gy-legal .gy-legal-date { font-weight: bold; }
#dm .dmBody .gy-legal a { display: inline !important; text-decoration: underline !important; overflow-wrap: anywhere; }
/* Phone: the donor's closing row runs edge to edge, so the text gets the 15px
   gutter the hero copy has (hero box x=15, w=360 at 390). */
#dm .dmBody[data-mg-band="m"] .gy-legal { padding: 0 15px 40px; }
#dm .dmBody[data-mg-band="m"] .gy-legal h2 { font-size: 21px !important; }

/* ---- CTA button on /how-it-works and /solutions --------------------------- */

/* The site's own dmButtonLink ("Learn more" on the home page), added inside the
   existing closing section under its paragraph. Duda sizes each button from a
   per-page u_<id> rule these two pages never load, so the box is set here from
   the home button's measured one (2026-10-02): 250x55 on desktop and tablet,
   220x55 and centred on phone, 20px above and 10px below. Colour, radius and
   type come from the site's shared button skin (dmDefaultGradient). */
#dm .dmBody a.gy-cta {
  display: block !important;
  float: none !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 250px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 55px !important;
  padding: 0 !important;
  margin: 20px auto 10px !important;
  text-align: center !important;
}
#dm .dmBody a.gy-cta.gy-cta-left { margin-left: 0 !important; }
#dm .dmBody[data-mg-band="m"] a.gy-cta,
#dm .dmBody[data-mg-band="m"] a.gy-cta.gy-cta-left { width: 220px !important; margin: 20px auto 10px !important; }

/* ---- Footer: centred, balanced columns (manual review 2026-10-02) --------- */

/* Desktop and tablet shipped three one-third columns with the FIRST one empty,
   so Quick Links and Contact Info sat right of centre over a centred copyright
   line. The empty column is dropped and the two real columns sit as an equal,
   centred pair with centred copy. The phone footer already stacks centred. */
#dm .dmFooterContainer[data-mg-band="dt"] .u_1971995141 > .dmRespColsWrapper {
  display: flex !important;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
}
#dm .dmFooterContainer[data-mg-band="dt"] .u_1971995141 > .dmRespColsWrapper > .empty-column { display: none !important; }
#dm .dmFooterContainer[data-mg-band="dt"] .u_1971995141 > .dmRespColsWrapper > .dmRespCol:not(.empty-column) {
  float: none !important;
  flex: 0 0 300px;
  width: 300px !important;
  max-width: 50%;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}
#dm .dmFooterContainer[data-mg-band="dt"] .u_1971995141 h6,
#dm .dmFooterContainer[data-mg-band="dt"] .u_1971995141 p,
#dm .dmFooterContainer[data-mg-band="dt"] .u_1971995141 nav,
#dm .dmFooterContainer[data-mg-band="dt"] .u_1971995141 nav .unifiednav__container,
#dm .dmFooterContainer[data-mg-band="dt"] .u_1971995141 nav .unifiednav__item-wrap {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}
#dm .dmFooterContainer[data-mg-band="dt"] .u_1971995141 nav { margin-left: auto !important; margin-right: auto !important; float: none !important; }

/* ---- Phone drawer: Sign In ------------------------------------------------ */

/* The site's yellow Sign In button (the desktop and tablet headers carry it; the
   phone header has no room), under the drawer's links. Box and skin restated
   from the header button because the drawer sits outside .dmBody, where the
   shared button skin is scoped. */
#dm .layout-drawer a.gy-drawer-signin {
  display: block !important;
  float: none !important;
  position: relative !important;
  width: 200px !important;
  max-width: 80% !important;
  height: 50px !important;
  line-height: 50px !important;
  margin: 28px auto 10px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50px !important;
  background: linear-gradient(rgb(247, 198, 30) 0%, rgb(210, 167, 16) 100%) !important;
  text-align: center !important;
  text-decoration: none !important;
}
#dm .layout-drawer a.gy-drawer-signin .iconBg { display: none !important; }
#dm .layout-drawer a.gy-drawer-signin .text {
  display: inline !important;
  color: rgb(50, 50, 50) !important;
  font-family: Poppins, "Poppins Fallback", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 50px !important;
}