/* ==========================================================================
   9wickets — Footer (.vk-footer, post 20 "9Wickets Footer", HFE type_footer)
   REDESIGN "Premium Gold" (loads LAST — after every other stylesheet,
   including seo-special.css)
   --------------------------------------------------------------------------
   BUG FIXED BY THIS FILE: the footer's text colors were reading `--vk-text`
   / `--vk-text-mid` / `--vk-text-dim`, which w9-color-override.php (loaded
   at wp_head priority 999, after every enqueued stylesheet) repoints to
   navy tones (#08415C / #4A5A66 / #7A8791) for use on the site's *light*
   card backgrounds. The footer has a *dark* navy background
   (--vk-bg-dark/-2, #052A3D→#031C29), so those same navy variables render
   as near-invisible navy-on-navy text — confirmed via computed-style
   inspection on the live page (`.vk-footer__col a` computed to
   rgb(8,65,92) text on an rgb(5,42,61) background). A later ad-hoc override
   block already inside wickets-home.css (~line 10950) made this worse by
   explicitly hardcoding `a,p,li,span,h1-h6,strong{color:#08415C}` inside
   `.vk-footer`. Every text color below is a literal, contrast-checked value
   instead of a shared `--vk-*` variable, so it can never be re-broken by a
   future site-wide kit/palette edit the way the var-based version was.
   Scope: every selector is prefixed `body.vk .vk-footer` (footer only) —
   nothing here touches `.vk-header`, which happens to share this same
   design-system file family but is a fully separate element.
   ========================================================================== */

/* ---- base surface + legible text (the fix) ---- */
body.vk .vk-footer {
    background: radial-gradient(120% 180% at 50% -20%, rgba(249,233,0,.07), transparent 55%),
                linear-gradient(180deg, #052A3D 0%, #031C29 100%) !important;
    border-top: 0 !important; /* superseded by the enhanced .vk-footer__glow bar below */
    color: #C7D2DC !important;
}
body.vk .vk-footer p,
body.vk .vk-footer li,
body.vk .vk-footer span:not(.vk-footer__age) {
    color: #C7D2DC !important;
}
body.vk .vk-footer__brand p { color: rgba(255,255,255,.72) !important; }

/* ---- gold gradient glow bar (replaces the flat solid border-top the old
   override chain left behind) — reuses the existing .vk-footer__glow div
   already in the markup instead of adding a new pseudo-element */
body.vk .vk-footer__glow {
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, #F9E900 20%, #FCEF66 50%, #F9E900 80%, transparent 100%) !important;
    opacity: 1 !important;
    box-shadow: 0 0 18px 2px rgba(249,233,0,.55);
}

/* ---- brand block ---- */
body.vk .vk-footer .vk-brand__name { color: #F9E900 !important; }
body.vk .vk-footer .vk-brand__tag { color: rgba(255,255,255,.55) !important; }

/* ---- gold-styled social icons — subtle gold ring at rest (not just on
   hover), matching the request for gold-accented social icons; hover state
   (gold gradient fill) was already correct since it reads --vk-grad-gold,
   a gold-only var unaffected by the navy text-color bug */
body.vk .vk-footer__social a {
    background: rgba(249,233,0,.06) !important;
    border: 1px solid rgba(249,233,0,.28) !important;
    color: #F5E9B8 !important;
}
body.vk .vk-footer__social a:hover {
    background: linear-gradient(135deg, #F9E900 0%, #E6D200 100%) !important;
    color: #08415C !important;
    border-color: transparent !important;
    box-shadow: 0 8px 20px rgba(249,233,0,.4);
}

/* ---- column headings — gold labels + glowing underline accent ---- */
body.vk .vk-footer__col h4 {
    color: #F9E900 !important;
    text-shadow: 0 0 16px rgba(249,233,0,.25);
}
body.vk .vk-footer__col h4::after {
    background: linear-gradient(90deg, #F9E900, #E6D200) !important;
    box-shadow: 0 0 8px rgba(249,233,0,.5);
}

/* ---- links — legible at rest, gold + shift on hover/focus ---- */
body.vk .vk-footer__col a {
    color: #C7D2DC !important;
}
body.vk .vk-footer__col a:hover,
body.vk .vk-footer__col a:focus-visible {
    color: #F9E900 !important;
    transform: translateX(4px);
}

/* ---- bottom bar — dim legible text, faint gold-tinted divider ---- */
body.vk .vk-footer__bot {
    border-top: 1px solid rgba(249,233,0,.14) !important;
    color: rgba(255,255,255,.55) !important;
}
body.vk .vk-footer__bot p { color: rgba(255,255,255,.55) !important; }
body.vk .vk-footer__age {
    color: #F9E900 !important;
    background: rgba(249,233,0,.10) !important;
    border: 1px solid rgba(249,233,0,.35) !important;
}

@media (prefers-reduced-motion: reduce) {
    body.vk .vk-footer__col a { transition: none !important; }
}