/*
 * PmPc Astra Child — additive overrides only.
 * Never edit Astra core or the exported settings JSON here — this file is
 * for the handful of visual details Astra's Customizer options can't reach:
 * sticky header backdrop-blur, nav active-link underline, social icon
 * button colors/shape. Selectors below are filled in against the live
 * rendered markup, not guessed.
 */

/* wp_kses strips inline <svg> from option-stored HTML, so icons in the
   header/footer builder blocks are <img> tags instead of the original
   inline <svg> — these two rules give them the same sizing the ported
   stylesheet's ".icon svg" / ".icon-btn svg" rules give the original. */
.icon img { width: 100%; height: 100%; display: block; }
.icon-btn img { width: 21px; height: 21px; }

/* Astra's own header CSS sets position:absolute on .site-header even with
   the Pro sticky-header addon's "Stick Primary Header" option enabled —
   force the original static site's sticky+blur behavior directly rather
   than fighting the addon's per-page/per-row meta system. */
header.site-header { position: sticky !important; }

/* Astra paints its own solid background on the inner .ast-primary-header-bar
   (from the header builder's own background option), which sits on top of
   and hides the outer .site-header's translucent/blurred background that
   the ported stylesheet provides — let the outer element's background show
   through instead, matching the original single-layer glass header. */
.ast-primary-header-bar { background: transparent !important; }

/* Original site's nav active-link underline — Astra's own menu markup
   (.menu-item / .menu-link) doesn't carry the original .nav-links a.active
   classes, so bridge the same look onto Astra's real classes here. */
#ast-hf-menu-1 .menu-link { border-bottom: 2px solid transparent; padding-bottom: 4px; }
#ast-hf-menu-1 .current-menu-item > .menu-link { border-bottom-color: #3AC9D6; }

/* Astra's "transparent header" text-color variables win out on some pages
   (e.g. the front page) regardless of the transparent-header feature being
   off for that page — force the real nav colors so it's never a coin flip. */
#ast-hf-menu-1 .menu-link { color: #5C564D !important; }
#ast-hf-menu-1 .menu-link:hover { color: #1A2E44 !important; }
#ast-hf-menu-1 .current-menu-item > .menu-link { color: #1A2E44 !important; }
.ast-mobile-menu-trigger-minimal { color: #1A2E44 !important; }