/* ================== AZNIKA GOLD THEME (same design as Control Center Plus) — Claude 2026-11-10 ==================
   Loaded AFTER styles.css (includes/header.php). Undo = remove the <link> to this file. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/inter-var-latin.woff2") format("woff2")}
:root{
  --g:#C99A2E;--g2:#F2C14E;--g-deep:#A87A12;--gs:#FBF1D3;--gf:#F7E3A8;
  --navy-900:#1B2440;--navy-800:#2A3150;--navy-700:#3A4468;
  --ink:#2A3150;--ink-soft:#6B7290;--line:#ECE6D6;--bg:#FBF9F4;--card:#FFFFFF;
  --teal-500:#C99A2E;--teal-400:#F2C14E;          /* old accent variables now map to gold */
  --az-blue:#C99A2E;--az-violet:#B8860B;--az-amber:#F2C14E;--az-hero:#FFF7DF;
  --radius:18px;--shadow:0 8px 24px rgba(27,36,64,.07);--shadow-l:0 20px 46px rgba(27,36,64,.14);
  --ease:cubic-bezier(.22,.9,.3,1);
}
body{font-family:"Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55;font-feature-settings:"cv11","ss01"}
h1,h2,h3{letter-spacing:-.015em}

/* header + nav */
header.site{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(27,36,64,.03)}
.brand .aw-logo{filter:drop-shadow(0 6px 14px rgba(201,154,46,.35))}
.aw-word small{color:var(--g)}
.aw-word b{color:var(--navy-900);font-weight:800}
.aw-word em,.home-hero h1 span,.az-gold{background:linear-gradient(100deg,#B8860B,#F2C14E 45%,#B8860B 90%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:azShine 5s linear infinite}
@keyframes azShine{to{background-position:200% center}}
nav.links a,.nav-link{color:#3A4468;font-weight:550}
.nav-link:hover,.nav-link:focus-visible,.nav-link.current,nav.links a:hover{color:var(--g-deep);background:var(--gs)}
.dropdown{border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-l)}
.dropdown a{color:#3A4468;border-radius:9px}
.dropdown a:hover,.dropdown a:focus-visible{background:var(--gs);color:var(--g-deep)}
.nav-account{border-color:var(--gf)!important}
.nav-toggle{border-color:var(--gf);color:var(--g-deep)}
/* the long menu did not fit at 1441-1600 px (horizontal scroll) -> hamburger up to 1600 px */
@media (max-width:1600px){
  nav.links{position:fixed;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;padding:14px 20px;gap:2px;display:none;max-height:calc(100vh - 64px);overflow:auto;background:#fff;border-top:1px solid var(--line);box-shadow:0 18px 30px rgba(27,36,64,.10)}
  nav.links.open{display:flex}
  .nav-toggle{display:block}
  .nav-item{width:100%}
  .dropdown{position:static;display:none;background:#FFFCF3;border:none;box-shadow:none;margin:2px 0 6px 12px;max-height:none}
  .nav-item.open .dropdown{display:block}
  .nav-link{width:100%;justify-content:space-between;padding:10px 8px}
  .nav-account{margin-left:0}
}
@media (hover:hover) and (pointer:fine) and (max-width:1600px){.nav-item:hover .dropdown{display:none}.nav-item.open .dropdown{display:block}}
html,body{overflow-x:hidden}

/* privacy strip */
.privacy-strip{background:var(--gs);color:#5A4A20;border-bottom:1px solid var(--gf)}
.privacy-strip b{color:var(--g-deep)}
.privacy-strip a{color:var(--g-deep)}

/* hero (home + tool pages) — cream to white to soft blue, floating blobs, like CCP */
.home-hero,.tool-hero{position:relative;overflow:hidden;color:var(--navy-900);border-bottom:1px solid var(--line);
  background:radial-gradient(520px 340px at 92% -10%,rgba(252,231,176,.85),transparent 70%),radial-gradient(460px 300px at -6% 110%,rgba(220,231,255,.85),transparent 70%),linear-gradient(120deg,#FFF7DF 0%,#FFFFFF 55%,#F2F6FF 100%)}
.home-hero::before,.tool-hero::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#FCE7B0;filter:blur(60px);opacity:.45;top:-150px;right:8%;animation:azFloat 14s ease-in-out infinite;pointer-events:none}
@keyframes azFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(26px,-20px)}}
.home-hero>*,.tool-hero>*{position:relative}
.home-hero h1{font-size:clamp(34px,5.4vw,60px);font-weight:900;letter-spacing:-.03em;line-height:1.05}
.tool-hero h1{font-size:clamp(26px,3.6vw,40px);font-weight:850;letter-spacing:-.025em;color:var(--navy-900)}
.home-hero p,.tool-intro,.hero-sub{color:var(--ink-soft)}
.breadcrumb,.breadcrumb a,.breadcrumb span{color:var(--ink-soft)}
.breadcrumb a:hover{color:var(--g-deep)}
.eyebrow,.section-head .kicker{font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--g);background:var(--gs);border:0;padding:5px 12px;border-radius:30px;display:inline-flex;align-items:center;gap:7px}
.eyebrow .dot{background:var(--g)}
.home-search input{border:1.5px solid var(--gf);border-radius:16px;padding:15px 20px;box-shadow:0 12px 30px rgba(201,154,46,.14)}
.home-search input:focus{border-color:var(--g);box-shadow:0 0 0 4px rgba(201,154,46,.2)}

/* section + category titles */
.category-block:nth-child(even),section.block.alt{background:#FFFDF7;border-color:var(--line)}
.category-title{font-size:22px;font-weight:850;color:var(--navy-900);letter-spacing:-.02em}
.section-head h2{font-weight:850;color:var(--navy-900);letter-spacing:-.02em}

/* cards */
.tool-grid-card,.tool-card,.mini-card,.calc-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}
.tool-grid-card,.tool-card{transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
.tool-grid-card:hover,.tool-grid-card:focus-visible,.tool-card:hover,.tool-card:focus-visible{transform:translateY(-5px);border-color:var(--gf);box-shadow:var(--shadow-l)}
.tool-grid-card h3,.tool-card h3,.mini-card h3{font-weight:750;color:var(--navy-900)}
.tool-grid-card .ic-lg,.tool-card .ic{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:16px;font-size:26px;
  background:linear-gradient(135deg,#FFF7DF,#FBE7B3);box-shadow:0 8px 18px rgba(201,154,46,.22);transition:transform .45s var(--ease)}
.tool-grid-card:hover .ic-lg,.tool-card:hover .ic{transform:scale(1.08) rotate(-5deg)}
.tool-card .ic{color:var(--g-deep)}
.tool-card .soon{color:var(--g-deep);background:var(--gs)}

/* calculator form */
.calc-tabs{background:#FBF6E8;border-radius:12px}
.calc-tab.active{background:linear-gradient(135deg,#D9A93A,#B8860B);color:#fff;box-shadow:0 6px 14px rgba(201,154,46,.3)}
.field label{color:var(--ink-soft);font-weight:700;letter-spacing:.06em;font-size:11.5px}
.field input,.field select,.admin-search input,.admin-card select{border:1.5px solid var(--line);border-radius:12px}
.field input:focus,.field select:focus{border-color:var(--g);box-shadow:0 0 0 4px rgba(201,154,46,.18)}
.btn{border-radius:12px}
.btn-primary{background:linear-gradient(135deg,#E0B347,#B8860B);color:#fff;box-shadow:0 8px 18px rgba(201,154,46,.32)}
.btn-primary:hover{background:linear-gradient(135deg,#F2C14E,#C99A2E);transform:translateY(-1px)}
.btn-ghost{border-color:var(--gf);color:var(--navy-800)}
.btn-ghost:hover{border-color:var(--g);color:var(--g-deep);background:var(--gs)}
.result-big{color:var(--navy-900)}
.result-big b,.mini-result .big b,.u-text-teal,.u-mono-teal,.u-milestone-status{color:var(--g-deep)}
.stat,.u-result-row,.u-milestone-card,.admin-stat{background:#FBF6E8}
.live-seconds{background:var(--navy-900);color:var(--g2)}
summary::after{color:var(--g)}
.admin-bar-fill{background:linear-gradient(90deg,#F2C14E,#C99A2E)}
.admin-tabs a.active,.admin-nav a.active{background:var(--navy-900);border-color:var(--navy-900)}
.admin-nav a.active{border-bottom-color:var(--g)}

/* footer */
footer{background:#FFFCF3;color:#5A607A;border-top:1px solid var(--line)}
.foot-grid .foot-heading{color:var(--navy-900);font-weight:800}
.foot-grid a{color:#5A607A}
.foot-grid a:hover{color:var(--g-deep)}
.foot-bottom{border-top:1px solid var(--line)}

/* loader + focus */
#bootLoader{background:#FFFCF3}
.boot-spinner{border-color:rgba(201,154,46,.25);border-top-color:var(--g)}
.boot-label{color:var(--ink-soft)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(201,154,46,.55)}
.skip-link,.saved-toast{background:var(--navy-900)}
@media (prefers-reduced-motion:reduce){.aw-word em,.home-hero h1 span,.home-hero::before,.tool-hero::before{animation:none}}

/* menu panel on tablets/laptops: neat 4-column card grid instead of one long list */
@media (min-width:781px) and (max-width:1600px){
  nav.links.open{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:18px max(20px,calc((100vw - 1360px)/2)) 22px;align-items:start}
  nav.links.open .nav-item,nav.links.open > a.nav-link{border:1px solid var(--line);border-radius:14px;background:#fff}
  nav.links.open .nav-link{font-weight:700;color:var(--navy-900)}
  nav.links.open .nav-item.open{grid-row:span 3;border-color:var(--gf);box-shadow:var(--shadow)}
  nav.links.open .dropdown{margin:0 6px 8px;background:#FFFCF3;border-radius:10px}
}
@media (min-width:781px) and (max-width:1100px){nav.links.open{grid-template-columns:repeat(3,minmax(0,1fr))}}