/* ============================================================
   NOVA THEME OVERLAY — deep indigo + lavender light + electric
   violet primary + cyan accents.
   The classic navy/coral theme remains 100% intact in styles.css:
   to revert, remove the theme-nova.css <link> from the pages.
   ============================================================ */
:root{
  --navy:#211856; --navy-deep:#140e38; --navy-700:#372a7a;
  --coral:#7c3aed; --coral-dark:#6023c9;
  --blue:#0891b2; --blue-light:#dff7fb;
  --ink:#1c1638; --slate:#4c4670; --line:#e8e4f6;
  --bg-soft:#f7f5ff;
  --shadow:0 1px 3px rgba(43,27,101,.07),0 8px 24px rgba(43,27,101,.08);
}

/* ---- top utility bar ---- */
.topbar{background:linear-gradient(90deg,#140e38,#2b1e66)}
.tb-enroll{background:linear-gradient(135deg,#9f67ff,#6d28d9);box-shadow:0 6px 16px -6px rgba(124,58,237,.7),inset 0 1px 0 rgba(255,255,255,.25)}
.tb-enroll:hover{box-shadow:0 10px 22px -6px rgba(124,58,237,.9),inset 0 1px 0 rgba(255,255,255,.3)}

/* ---- header nav: vivid brand pill on hover (desktop), soft tint for the current page ---- */
.menu>a::before,.menu>.has-mega>a::before{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 46%,#0e7490 100%);box-shadow:0 10px 24px -12px rgba(124,58,237,.7),inset 0 1px 0 rgba(255,255,255,.28)}
@media(min-width:761px){
  .menu>a:hover,.menu>.has-mega:hover>a{color:#fff;box-shadow:0 12px 26px -10px rgba(124,58,237,.65)}
  .menu>a:hover .chev,.menu>.has-mega:hover>a .chev{color:#fff}
  .menu>a.active,.menu>.has-mega>a.active{color:var(--coral-dark)}
  .menu>a.active::before,.menu>.has-mega>a.active::before{opacity:.16;transform:scale(1)}
}
.nav-login{background:linear-gradient(135deg,#22b8d4,#0e7490);box-shadow:0 6px 16px -8px rgba(8,145,178,.75),inset 0 1px 0 rgba(255,255,255,.25)}
.nav-login:hover{box-shadow:0 11px 24px -8px rgba(8,145,178,.9),inset 0 1px 0 rgba(255,255,255,.3)}

/* ---- hero: violet/cyan aurora + terminal ---- */
.aihero{--ac1:#67e8f9;--ac2:#7c3aed;--ac3:#c084fc;--ac4:#f0abfc;--ai-bg:#0b0721;--ai-muted:#a99ee0}
.aihero::after{background:linear-gradient(transparent,rgba(124,58,237,.18)),repeating-linear-gradient(90deg,rgba(167,139,250,.16) 0 1px,transparent 1px 70px),repeating-linear-gradient(0deg,rgba(167,139,250,.13) 0 1px,transparent 1px 34px)}
.sqlh-win{background:rgba(16,10,40,.92);border-color:rgba(167,139,250,.3);box-shadow:0 30px 80px -20px rgba(0,0,0,.75),0 0 70px -18px rgba(124,58,237,.45),inset 0 1px 0 rgba(255,255,255,.06)}
.sqlh-bar{border-bottom-color:rgba(167,139,250,.2)}
.sqlh-title{color:#a99ee0}
.sqlh-body{color:#ded5ff}
.sqlh-body .ln-p{color:#67e8f9}
.sqlh-body .ln-dim{color:#7a6fa8}
.sqlh-caret{background:#67e8f9}
.sqlh-chips{border-top-color:rgba(167,139,250,.2)}
.sqlh-hint{color:#a99ee0}
.sqlh-chips button{color:#ded5ff;background:rgba(167,139,250,.14);border-color:rgba(167,139,250,.35)}
.sqlh-chips button:hover{background:rgba(167,139,250,.32)}
.sqlh-pause{border-color:rgba(167,139,250,.35);background:rgba(167,139,250,.14);color:#ded5ff}
.sqlh-pause:hover{background:rgba(167,139,250,.32)}
.sqlh-body a{background:linear-gradient(135deg,#a5f3fc,#67e8f9);color:#083344;box-shadow:0 4px 14px -4px rgba(103,232,249,.6)}
.sqlh-body a:hover{background:linear-gradient(135deg,#c8f9ff,#8df0fb);box-shadow:0 8px 18px -4px rgba(103,232,249,.9)}

/* ---- inner page heroes: violet wash over the navy photo overlays ---- */
.page-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(120deg,rgba(76,29,149,.5),rgba(23,10,64,.25))}

/* ---- dark bands ---- */
.trustbar{background:linear-gradient(180deg,#1b1247,#0f0a2e)}
.cta-strip{background:linear-gradient(135deg,#7c3aed,#5b21b6)}

/* ---- article code blocks (inline-styled on posts) ---- */
.prose pre{background:#170f3d !important;color:#cfe6ff !important}

/* ---- cart / checkout accents ---- */
.eb-cart-item .cart-x{background:#f3ecfe;color:#7c3aed}
.eb-cart-item .cart-x:hover{background:#7c3aed;color:#fff}
.plan-opt:has(input:checked){border-color:#7c3aed;background:#f5f0ff}
.gal-thumb.is-active{border-color:#7c3aed}

/* ---- misc violet-tinted touches ---- */
.clink{color:#7c3aed}
.livedot{background:#7c3aed}