/* Theme glue — small WordPress-specific additions on top of the verbatim design CSS. */

/* Wordmark swap: light wordmark over the hero, dark once the nav solidifies / mega is open.
   header.php renders the light wordmark first, the dark one second. */
.nav__logo { display: inline-flex; align-items: center; }
.nav .nav__logo .brand-logo:last-child { display: none; }
.nav--solid .nav__logo .brand-logo:first-child { display: none; }
.nav--solid .nav__logo .brand-logo:last-child { display: block; }

/* Insights covers: plain <img> replaces the prototype's <image-slot>, same fill/crop. */
.ins-card__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }

/* Mega menu: only the active panel shows. Both panels are server-rendered and the
   inactive one carries [hidden]; .mega__inner's display:grid would otherwise override it. */
.mega__inner[hidden] { display: none !important; }

/* Footer credit link (Designed & Developed by Nanobyte) */
.footer__bot a { color: var(--on-dark-soft); font-weight: 600; }
.footer__bot a:hover { color: var(--brass-bright); }

/* ---------------- Cookie consent banner (global) ---------------- */
.cookie {
  position:fixed; left:0; right:0; bottom:0; z-index:95;
  transform:translateY(120%); transition:transform .34s var(--ease-out);
  pointer-events:none;
}
.cookie.is-visible { transform:translateY(0); pointer-events:auto; }
.cookie__inner {
  display:flex; align-items:center; gap:18px 28px; flex-wrap:wrap; justify-content:space-between;
  margin:0 auto clamp(12px,2vw,20px); padding:clamp(16px,2vw,20px) clamp(18px,2.4vw,26px);
  background:var(--card); border:1px solid var(--line);
  border-radius:var(--radius); box-shadow:var(--shadow-lg);
}
.cookie__txt { flex:1 1 420px; min-width:0; }
.cookie__txt strong { display:block; font-family:var(--display); font-weight:700; color:var(--navy); font-size:16px; margin-bottom:4px; }
.cookie__txt p { margin:0; font-size:14px; line-height:1.55; color:var(--ink-soft); }
.cookie__txt a { color:var(--brass); font-weight:600; text-decoration:none; border-bottom:1px solid transparent; }
.cookie__txt a:hover { border-bottom-color:var(--brass); }
.cookie__actions { display:flex; gap:10px; flex:0 0 auto; }
@media (max-width:560px) {
  .cookie__actions { width:100%; }
  .cookie__actions .btn { flex:1 1 0; justify-content:center; }
}
@media (prefers-reduced-motion: reduce) {
  .cookie { transition:none; }
}