/* SEO BY GANESH — PHASE C2C
   Shared header, desktop mega menu, mobile navigation, footer and mobile CTA.
   Additive site-wide visual polish. NEVER controls JS visibility or state. */
:root {
  --sbg-shell-ink: #0b1220;
  --sbg-shell-blue: #2563eb;
  --sbg-shell-teal: #14b8a6;
  --sbg-shell-line: rgba(148,163,184,.23);
  --sbg-shell-shadow: 0 12px 36px rgba(15,23,42,.09);
}

/* 1 — Global brand navigation: maintain existing fixed layout and spacing. */
#global-header {
  background-color: rgba(255,255,255,.96);
  background-image: linear-gradient(112deg,rgba(245,249,255,.84),rgba(255,255,255,.95) 58%,rgba(239,253,249,.53));
  border-bottom-color: var(--sbg-shell-line);
  box-shadow: 0 7px 26px rgba(15,23,42,.075);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
  backdrop-filter: blur(18px) saturate(1.18);
}
#global-header a[aria-label$="- Home"] {
  border-radius: 12px;
  outline-offset: 4px;
}
#global-header img[fetchpriority="high"] {
  max-width: min(200px, 100%);
  height: auto;
  max-height: 44px;
}
#global-header nav[aria-label="Primary Navigation"] > a,
#global-header nav[aria-label="Primary Navigation"] > [data-nav-dropdown] > [data-nav-trigger] {
  border: 1px solid transparent;
  letter-spacing: -.01em;
  text-underline-offset: 4px;
}
#global-header nav[aria-label="Primary Navigation"] > a:hover,
#global-header nav[aria-label="Primary Navigation"] > [data-nav-dropdown] > [data-nav-trigger]:hover {
  border-color: rgba(37,99,235,.13);
  background-color: rgba(239,246,255,.75);
}
#global-header nav[aria-label="Primary Navigation"] > a[aria-current="page"] {
  border-color: rgba(37,99,235,.17);
  box-shadow: inset 0 0 0 1px rgba(37,99,235,.04);
}
#global-header [data-nav-trigger][aria-expanded="true"] {
  background-color: #eff6ff;
  border-color: rgba(37,99,235,.18);
  color: #1d4ed8;
}
#global-header [data-nav-dropdown] [data-nav-menu] {
  border-color: rgba(148,163,184,.27);
  box-shadow: 0 26px 65px rgba(15,23,42,.16), 0 3px 12px rgba(15,23,42,.045);
  border-radius: 18px;
  scrollbar-width: thin;
  scrollbar-color: #bfd0e9 #f8fafc;
  overscroll-behavior: contain;
}
#global-header [data-nav-menu] a {
  outline-offset: 2px;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
#global-header [data-nav-menu] a:hover {
  background-color: rgba(239,246,255,.85);
}
#global-header [data-nav-menu] a[aria-current="page"] {
  box-shadow: inset 3px 0 0 var(--sbg-shell-blue);
}
#global-header [data-conversion-action="seo_audit"] {
  border-radius: 12px;
  box-shadow: 0 7px 18px rgba(16,185,129,.16);
  outline-offset: 3px;
}
#global-header [data-conversion-action="seo_audit"]:hover {
  box-shadow: 0 11px 24px rgba(16,185,129,.21);
}

/* 2 — Keyboard accessibility. No modification of menu show/hide logic. */
#global-header :is(a,button):focus-visible,
#mobile-menu :is(a,button):focus-visible,
footer[aria-label="Site Footer"] :is(a,button):focus-visible,
#mobile-conversion-bar :is(a,button):focus-visible {
  outline: 3px solid #60a5fa;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px rgba(147,197,253,.19);
}
footer[aria-label="Site Footer"] :is(a,button):focus-visible {
  outline-color: #5eead4;
}

/* 3 — Mobile navigation and accordion readability. */
#mobile-menu {
  background-color: #f8fbff;
  background-image: radial-gradient(ellipse 115% 58% at 100% 0%,rgba(219,234,254,.66),transparent 75%);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
#mobile-menu nav[aria-label="Mobile Navigation"] > a,
#mobile-menu .mobile-nav-trigger {
  border: 1px solid rgba(148,163,184,.22);
  background-color: rgba(255,255,255,.94);
  box-shadow: 0 2px 8px rgba(15,23,42,.025);
  line-height: 1.35;
}
#mobile-menu nav[aria-label="Mobile Navigation"] > a[aria-current="page"] {
  border-color: rgba(37,99,235,.23);
  background-color: #eff6ff;
  box-shadow: inset 3px 0 0 #2563eb;
}
#mobile-menu nav[aria-label="Mobile Navigation"] > a:hover,
#mobile-menu .mobile-nav-trigger:hover {
  border-color: rgba(37,99,235,.2);
  background-color: #eff6ff;
}
#mobile-menu .mobile-nav-trigger[aria-expanded="true"] {
  color: #1d4ed8;
  border-color: rgba(37,99,235,.3);
  background-color: #eff6ff;
}
#mobile-menu .mobile-nav-group > div[id$="panel"] {
  border: 1px solid rgba(148,163,184,.2);
  box-shadow: inset 0 1px 8px rgba(15,23,42,.02);
}
#mobile-menu .mobile-nav-group a {
  min-height: 42px;
  text-underline-offset: 3px;
}
#mobile-menu .mobile-nav-group a:hover {
  background-color: #eef6ff;
}
#mobile-menu [aria-current="page"] {
  font-weight: 800;
}

/* 4 — Semantic global footer: proof-forward CTA + readable discovery links. */
footer[aria-label="Site Footer"] {
  background-color: #0b1220;
  border-top-color: rgba(148,163,184,.24);
}
footer[aria-label="Site Footer"] > section[aria-labelledby="footer-cta-heading"] {
  background-image: radial-gradient(circle at 5% 0%,rgba(37,99,235,.22),transparent 42%),
                    radial-gradient(circle at 95% 100%,rgba(20,184,166,.11),transparent 43%);
  border-bottom-color: rgba(148,163,184,.19);
}
footer[aria-label="Site Footer"] #footer-cta-heading {
  letter-spacing: -.028em;
  line-height: 1.17;
  max-width: 800px;
  text-wrap: balance;
}
footer[aria-label="Site Footer"] > section[aria-labelledby="footer-cta-heading"] p {
  line-height: 1.75;
  max-width: 65ch;
}
footer[aria-label="Site Footer"] > section[aria-labelledby="footer-cta-heading"] a {
  border-radius: 14px;
  min-height: 48px;
  text-underline-offset: 4px;
  outline-offset: 3px;
}
footer[aria-label="Site Footer"] > section[aria-labelledby="footer-cta-heading"] a:hover {
  box-shadow: 0 12px 26px rgba(15,23,42,.25);
}
footer[aria-label="Site Footer"] nav[aria-label="Footer Navigation"] {
  background-image: linear-gradient(180deg,rgba(18,32,55,.4),rgba(11,18,32,0) 42%);
}
footer[aria-label="Site Footer"] nav[aria-label="Footer Navigation"] section > h2:not(.sr-only) {
  color: #f8fafc;
  letter-spacing: .08em;
  line-height: 1.3;
}
footer[aria-label="Site Footer"] nav[aria-label="Footer Navigation"] section a {
  text-decoration-thickness: 1.5px;
  text-underline-offset: 4px;
  border-radius: 5px;
}
footer[aria-label="Site Footer"] nav[aria-label="Footer Navigation"] section a:hover {
  color: #99f6e4;
  text-decoration: underline;
}
footer[aria-label="Site Footer"] nav[aria-label="Footer Navigation"] address {
  line-height: 1.75;
}
footer[aria-label="Site Footer"] section[aria-label="Legal and Social"] {
  border-top-color: rgba(148,163,184,.21);
}
footer[aria-label="Site Footer"] nav[aria-label="Legal Navigation"] a:hover {
  color: #e2e8f0;
  text-decoration: underline;
  text-underline-offset: 4px;
}
footer[aria-label="Site Footer"] section[aria-label="Legal and Social"] [data-track="footer_social_click"]:hover {
  background-color: #5eead4;
  color: #0b1220;
}

/* 5 — Mobile Call / WhatsApp / AI Consultant conversion bar. */
#mobile-conversion-bar {
  background-color: rgba(255,255,255,.97);
  border-top-color: rgba(148,163,184,.3);
  box-shadow: 0 -10px 30px rgba(15,23,42,.12);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
#mobile-conversion-bar > div { gap: .45rem; }
#mobile-conversion-bar a,
#mobile-conversion-bar button {
  border-radius: 12px;
  min-height: 44px;
  font-size: clamp(.69rem,2.65vw,.8rem);
  line-height: 1.25;
  letter-spacing: -.01em;
  transition: box-shadow .18s ease, background-color .18s ease;
  outline-offset: 2px;
}
#mobile-conversion-bar a:hover,
#mobile-conversion-bar button:hover {
  box-shadow: 0 5px 15px rgba(15,23,42,.12);
}

/* 6 — Narrow-phone refinements. Preserve all existing visibility classes. */
@media (max-width: 389px) {
  #global-header > div { padding-left: .75rem; padding-right: .75rem; }
  #global-header img[fetchpriority="high"] { max-width: 142px; }
  #global-header #mobile-menu-btn { padding: .48rem; }
  #mobile-menu nav[aria-label="Mobile Navigation"] { padding-left: .75rem; padding-right: .75rem; }
  footer[aria-label="Site Footer"] > section[aria-labelledby="footer-cta-heading"] a {
    min-height: 46px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #mobile-conversion-bar { padding-left: .375rem; padding-right: .375rem; }
  #mobile-conversion-bar a,
  #mobile-conversion-bar button { padding-left: .25rem; padding-right: .25rem; }
}
@media (min-width: 390px) and (max-width: 767px) {
  #global-header img[fetchpriority="high"] { max-width: 176px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  footer[aria-label="Site Footer"] #footer-cta-heading { max-width: 28ch; }
}
@media (prefers-reduced-motion: reduce) {
  #mobile-conversion-bar :is(a,button),
  #global-header :is(a,button),
  footer[aria-label="Site Footer"] :is(a,button) {
    transition-duration: .01ms;
  }
}
/* SBG_PHASE_C2C_STYLES_END */