/* ==========================================================================
   AhmedY29 Navbar — skin flourishes. Colours/fonts come from inline variables;
   this file only adds the per-skin touches the variables can't express.
   ========================================================================== */

/* ---- Atlas : light premium, soft sticky shadow ---- */
.ayn-skin-atlas.ayn-sticky-sticky { background: color-mix(in srgb, var(--ayn-bg) 92%, transparent); backdrop-filter: saturate(180%) blur(10px); border-bottom: 1px solid var(--ayn-border); }
.ayn-skin-atlas.ayn-scrolled { border-color: transparent; }

/* ---- Sentinel : bold block, thicker underline, darker on scroll ---- */
.ayn-skin-sentinel .ayn-item > a::after { height: 3px; }
.ayn-skin-sentinel.ayn-scrolled { background: var(--ayn-accent2); }
.ayn-skin-sentinel .ayn-cta { letter-spacing: 1px; text-transform: uppercase; font-size: 13px; }

/* ---- Meridian : navy executive, serif logo spacing ---- */
.ayn-skin-meridian .ayn-logo { letter-spacing: .3px; }
.ayn-skin-meridian .ayn-cta { box-shadow: 0 6px 16px color-mix(in srgb, var(--ayn-accent) 35%, transparent); }

/* ---- Vanguard : centered logo, champagne outline CTA ---- */
.ayn-skin-vanguard .ayn-logo { letter-spacing: 7px; }
.ayn-skin-vanguard .ayn-item > a { letter-spacing: 1.6px; }
.ayn-skin-vanguard .ayn-item > a::after { bottom: max(50% - 16px, 22px); height: 1.5px; }
.ayn-skin-vanguard .ayn-cta { border: 1px solid var(--ayn-accent); }
.ayn-skin-vanguard .ayn-cta:hover { background: var(--ayn-accent); color: var(--ayn-bg); filter: none; }

/* ---- Beacon : transparent over hero, serif logo ---- */
.ayn-skin-beacon .ayn-cta { box-shadow: 0 8px 18px color-mix(in srgb, var(--ayn-accent) 28%, transparent); }
.ayn-skin-beacon.ayn-sticky-transparent.ayn-scrolled { box-shadow: 0 6px 24px rgba(26, 27, 30, .1); }

/* ---- Cornerstone : two-tier institutional ---- */
.ayn-skin-cornerstone .ayn-tier .ayn-item > a { color: var(--ayn-text); }
.ayn-skin-cornerstone .ayn-tier .ayn-item > a:hover,
.ayn-skin-cornerstone .ayn-tier .ayn-item:focus-within > a { color: var(--ayn-strong); }
.ayn-skin-cornerstone .ayn-tier .ayn-item > a::after { bottom: 0; inset-inline: 12px; height: 3px; }
.ayn-skin-cornerstone .ayn-cta { font-weight: 700; }
.ayn-skin-cornerstone .ayn-top .ayn-search input { background: color-mix(in srgb, var(--ayn-bg) 6%, #fff); }

/* ---- Apex : enterprise flagship (light bar + dark utility strip + green accent) ---- */
.ayn-skin-apex .ayn-logo { font-weight: 800; letter-spacing: -.3px; }
.ayn-skin-apex .ayn-item > a { font-weight: 500; }
.ayn-skin-apex .ayn-item > a::after { height: 2.5px; }
.ayn-skin-apex .ayn-cta { box-shadow: 0 8px 18px color-mix(in srgb, var(--ayn-accent) 25%, transparent); }
.ayn-skin-apex.ayn-sticky-condense.ayn-scrolled { box-shadow: 0 6px 28px rgba(15,27,22,.1); }
.ayn-skin-apex .ayn-iconwrap, .ayn-skin-apex .ayn-search input { border-radius: 10px; }

/* ---- Horizon : floating glass holding-company bar ---- */
.ayn-skin-horizon .ayn-logo { font-weight: 800; letter-spacing: -.2px; }
.ayn-skin-horizon .ayn-item > a { font-weight: 500; }
.ayn-skin-horizon .ayn-dd { border-radius: 14px; }
.ayn-skin-horizon .ayn-dd a { border-radius: 9px; }
.ayn-skin-horizon.ayn-sticky-floating:not(.ayn-scrolled) .ayn-item > a:hover { color: #fff; }