/**
 * King's College London — Enhancement Layer (lightweight)
 * Only hover transitions + static polish. Zero infinite animations.
 */

/* ── HEADER — scroll shadow ──────────────────────────────── */
.main-header {
  transition: box-shadow 200ms ease !important;
}
.main-header.is-scrolled {
  box-shadow: 0 2px 0 rgba(184,145,42,0.25), 0 8px 32px rgba(0,0,0,0.32) !important;
}

/* ── NAV — underline slide on hover ─────────────────────── */
body.kngcl-site .main-menu > li > a {
  position: relative;
}
body.kngcl-site .main-menu > li > a::after {
  content: '';
  position: absolute;
  bottom: 4px; left: 50%; right: 50%;
  height: 1px;
  background: var(--kc-gold-light);
  transition: left 200ms ease, right 200ms ease;
}
body.kngcl-site .main-menu > li > a:hover::after,
body.kngcl-site .main-nav > ul > li.active > a::after {
  left: 14px; right: 14px;
}
body.kngcl-site .main-menu li.has-submenu > a::after { display: none; }

/* ── FEATURE CARD ────────────────────────────────────────── */
.kngcl-feature-card {
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 200ms ease !important;
}
.kngcl-feature-card:hover { transform: translateY(-4px) !important; }
.kngcl-feature-card img { transition: transform 350ms ease !important; }
.kngcl-feature-card:hover img { transform: scale(1.04) !important; }

/* ── NEWS ITEMS ──────────────────────────────────────────── */
.kngcl-news-item {
  transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease !important;
}
.kngcl-news-item:hover { transform: translateY(-2px) !important; }
.kngcl-news-thumb img { transition: transform 350ms ease !important; }
.kngcl-news-item:hover .kngcl-news-thumb img { transform: scale(1.05) !important; }

/* ── PILLAR CARDS ────────────────────────────────────────── */
.kngcl-pillar-card {
  transition: box-shadow 200ms ease, border-color 200ms ease, transform 200ms ease !important;
}
.kngcl-pillar-card:hover { transform: translateY(-4px) !important; }
.kngcl-pillar-img { transition: transform 350ms ease !important; }
.kngcl-pillar-card:hover .kngcl-pillar-img { transform: scale(1.04) !important; }

/* ── BUTTONS — press feedback ────────────────────────────── */
.kngcl-btn:active { transform: scale(0.97) !important; transition-duration: 80ms !important; }
body.kngcl-site .button:active,
body.kngcl-site button.button:active { transform: scale(0.97) !important; transition-duration: 80ms !important; }

/* ── EVENTS — left border accent ────────────────────────── */
.kngcl-events-preview__item {
  position: relative;
  padding-left: 1.25rem !important;
}
.kngcl-events-preview__item::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 2px;
  background: var(--kc-line);
  border-radius: 2px;
  transition: background 180ms ease;
}
.kngcl-events-preview__item:hover::before { background: var(--kc-gold); }

/* ── BAND SUBHEADINGS ────────────────────────────────────── */
.kngcl-band-subheading { border-left: 3px solid var(--kc-gold); padding-left: 0.75rem; }

/* ── KICKER BADGE ────────────────────────────────────────── */
.kngcl-kicker {
  display: inline-flex; align-items: center; gap: 0.4rem;
  background: rgba(184,145,42,0.15);
  border: 1px solid rgba(184,145,42,0.35);
  padding: 3px 10px; border-radius: 999px;
}

/* ── CONTACT STRIP — gold button ─────────────────────────── */
.kngcl-contact-strip .button,
.kngcl-contact-strip a.button {
  background: linear-gradient(135deg, #e4c56a 0%, var(--kc-gold) 55%, #9a7322 100%) !important;
  color: #0a1830 !important;
  border-color: rgba(255,255,255,0.15) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25) !important;
}
.kngcl-contact-strip .button:hover,
.kngcl-contact-strip a.button:hover {
  background: linear-gradient(135deg, #f0d47a 0%, var(--kc-gold-light) 55%, var(--kc-gold) 100%) !important;
  color: #050d18 !important; transform: translateY(-1px) !important;
}

/* ── SCROLLBAR ───────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--kc-navy-dark); }
::-webkit-scrollbar-thumb { background: rgba(184,145,42,0.45); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--kc-gold); }

/* ── SELECTION & FOCUS ───────────────────────────────────── */
::selection { background: rgba(184,145,42,0.28); color: var(--kc-navy-dark); }
:focus-visible { outline: 2px solid var(--kc-gold-light); outline-offset: 3px; border-radius: 2px; }

/* ── REDUCED MOTION ──────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}