/* Task 3: mobile behavior layered over the verified live header skin. */
.gp-global-header__menu { display: none; }
.gp-global-promise { display: flex; justify-content: center; padding: 8px 16px; background: #0f704a; color: #fffaf3; text-align: center; }
.gp-global-header--checkout .gp-checkout-header__back { min-height: 44px; }

.cky-btn-revisit-wrapper,
#vodeson-chat-launcher { position: fixed !important; }
.cky-consent-container,
.cky-modal { z-index: 2147483000 !important; }
.cky-overlay { z-index: 2147482999 !important; }
.cky-btn-revisit-wrapper[data-gp-floating-placement="placed"],
#vodeson-chat-launcher[data-gp-floating-placement="placed"] {
  left: var(--gp-floating-x) !important;
  top: var(--gp-floating-y) !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
}

/* The controlled checkout fixture uses its own deep footer surface. Keep the
 * checkout wordmark readable without changing footer typography elsewhere. */
body.woocommerce-checkout .site-footer .footer-main h2 {
  color: #fffaf3 !important;
}

@media (max-width: 820px) {
  /* Keep Home's existing header/carousel, while retaining its real utility controls. */
  .gph-header { position: relative; z-index: 920; overflow: visible; }
  .gph-header-main { grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding-block: 14px; }
  .gph-search { grid-column: 1 / -1; display: grid; width: 100%; }
  .gph-account-links { grid-column: 1 / -1; display: flex; justify-content: space-between; width: 100%; }
  .gph-account-links a:first-child { display: inline-flex; }
  .gph-primary-nav { position: absolute; top: 100%; right: 12px; left: 12px; z-index: 1; margin: 0; border: 1px solid rgba(31,36,31,.16); border-radius: 16px; background: #fffaf3; box-shadow: 0 18px 42px rgba(31,36,31,.2); }

  .gp-global-header { position: relative; z-index: 920; overflow: visible; }
  .gp-global-header__top { padding: 8px 16px; text-align: center; }
  .gp-promise-copy { display: block; font-size: 12px; line-height: 1.35; }
  .gp-global-header__main { grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 14px 16px; }
  .gp-global-header__brand { min-width: 0; }
  .gp-global-header__menu { display: inline-flex; align-items: center; justify-content: center; min-width: 64px; min-height: 44px; border: 1px solid rgba(15,112,74,.35); border-radius: 999px; background: #fffaf3; color: #1f241f; font: 800 12px/1 inherit; }
  .gp-global-header__search, .gp-global-header__tools { grid-column: 1 / -1; width: 100%; }
  .gp-global-header__tools { justify-content: space-between; }
  .gp-global-header__nav { position: absolute; top: 100%; right: 12px; left: 12px; display: none !important; gap: 0; margin: 0; padding: 8px; border: 1px solid rgba(31,36,31,.16); border-radius: 16px; background: #fffaf3; box-shadow: 0 18px 42px rgba(31,36,31,.2); }
  .gp-global-header.is-drawer-open .gp-global-header__nav:not([hidden]) { display: grid !important; }
  .gp-global-header__nav[hidden] { display: none !important; }
  .gp-global-header__nav a { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; border-radius: 9px; white-space: normal; }
  .gp-global-header__nav a:focus-visible { outline: 3px solid #0f704a; outline-offset: -3px; }

  /* The checkout keeps its trust cue; the verified source skin hid it below 767px. */
  .gp-global-header--checkout .gp-checkout-header__secure { display: inline-flex; }
  .gp-global-header--checkout .gp-checkout-header__actions { min-width: 0; }

  .cky-btn-revisit-wrapper { position: fixed !important; left: calc(12px + env(safe-area-inset-left, 0px)) !important; right: auto !important; bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important; z-index: 2147482997 !important; }
  #vodeson-chat-launcher { position: fixed !important; right: calc(12px + env(safe-area-inset-right, 0px)) !important; left: auto !important; bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important; z-index: 2147482998 !important; }
  body:not(.gp-shell-mobile-past-hero) .cky-btn-revisit-wrapper,
  body:not(.gp-shell-mobile-past-hero) #vodeson-chat-launcher { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
}

@media (max-width: 540px) {
  .gp-global-header--checkout .gp-global-header__main { grid-template-columns: minmax(0, 1fr); gap: 10px; width: calc(100% - 24px); padding: 12px 0; }
  .gp-global-header--checkout .gp-global-header__brand { justify-self: start; }
  .gp-global-header--checkout .gp-checkout-header__actions { justify-content: space-between; width: 100%; gap: 12px; font-size: 12px; }
}