/* ═══════════════════════════════════════
   HELIA — glass.css
   Glassmorphism + Purple Tech Accents
═══════════════════════════════════════ */

/* ── GLASS VARIABLES ── */
:root{
  --gl:      rgba(255,255,255,.45);
  --gl-s:    rgba(255,255,255,.65);
  --gl-b:    16px;
  --gl-edge: inset 0 1px 0 rgba(255,255,255,.55);
  --gl-shd:  0 8px 32px rgba(109,40,217,.06),0 2px 8px rgba(0,0,0,.04);
  --gl-shd-l:0 16px 48px rgba(109,40,217,.08),0 4px 12px rgba(0,0,0,.04);
  --trans:   all .35s cubic-bezier(.22,1,.36,1);
}

/* ── PURPLE HIGHLIGHTS ── */
/* Accent color shifts: gold stays for prices, purple for interactive/tech */
.P-NUM{color:var(--p1) !important}
.P-TAG{color:var(--p2) !important}
.P-FEAT::before{color:var(--p1) !important}
.S1-EYE{color:var(--p2) !important}
.PROD-EY{color:var(--p2)}
.HXL-G{color:var(--p1) !important}
.S2-EYE{color:rgba(139,92,246,.6) !important}
.S3-EYE{color:rgba(139,92,246,.5) !important}
.P3::before{background:linear-gradient(90deg,var(--p1),var(--p2),transparent) !important}
.P3-TIC{color:var(--p1) !important}
.P2-BADGE{background:rgba(139,92,246,.08) !important;color:var(--p1) !important;border-color:rgba(139,92,246,.2) !important}
.S3-LED{box-shadow:0 0 6px currentColor}
.P1-CTA,.P3 .P-CTA{border-color:rgba(139,92,246,.15)}

/* ── GLASS CORE — reusable hover pattern ── */

/* ═══ NAV CTA — solid Purple, weisse Schrift (alle Seiten) ═══ */
.NCTA{
  background:linear-gradient(135deg,#8B5CF6 0%,#6D28D9 100%);
  color:#fff;
  border:1px solid transparent;
  box-shadow:0 8px 22px -8px rgba(139,92,246,.55);
  transition:var(--trans);
}
.NCTA:hover{
  background:linear-gradient(135deg,#9B7BFF 0%,#7C3AED 100%);
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 12px 28px -8px rgba(139,92,246,.7);
}

/* ═══ BF — Primary Button ═══ */
.BF{
  background:var(--k);color:#F8F7F3;
  border:1px solid var(--k);
  transition:var(--trans);
}
.BF::before{display:none}
.BF:hover{
  background:var(--p3);border-color:var(--p3);
  box-shadow:0 12px 36px rgba(109,40,217,.2),0 4px 12px rgba(109,40,217,.12);
  transform:translateY(-2px);
}

/* ═══ BG — Ghost Button ═══ */
.BG{
  background:transparent;border:1px solid rgba(13,12,10,.12);color:var(--m);
  transition:var(--trans);
}
.BG:hover{
  background:rgba(139,92,246,.06);
  border-color:rgba(139,92,246,.2);
  box-shadow:0 8px 24px rgba(139,92,246,.06),var(--gl-edge);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  color:var(--p3);
  transform:translateY(-2px);
}

/* Product cards handled by products.css */

/* ═══ STATS BAND ═══ */
.SB,.HL-SB{transition:var(--trans)}
.SB:hover,.HL-SB:hover{
  background:rgba(139,92,246,.05) !important;
  box-shadow:var(--gl-edge);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.SB:hover .SBN,.SB:hover .SBL{color:var(--k) !important}

/* ═══ MARKET HARDWARE ═══ */
.MH{transition:var(--trans)}
.MH:hover{
  background:var(--gl-s) !important;
  box-shadow:var(--gl-shd),var(--gl-edge);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.MH:hover .MHN,.MH:hover .MHP{color:var(--k) !important}
.MH:hover .MHE,.MH:hover .MHD,.MH:hover .MHU{color:var(--m) !important}

/* ═══ TEAM FACTS ═══ */
.TFR{transition:var(--trans)}
.TFR:hover{
  background:rgba(139,92,246,.04) !important;
  box-shadow:var(--gl-edge);
}
.TFR:hover .TFRK{color:var(--p2) !important}
.TFR:hover .TFRV{color:var(--k) !important}

/* ═══ NOAH CONTACT ═══ */
.NCC{transition:var(--trans)}
.NCC:hover{
  background:rgba(139,92,246,.04) !important;
}
.NCC:hover .NCCK{color:var(--p2) !important}
.NCC:hover .NCCV{color:var(--k) !important}

/* ═══ LEISTUNGEN PACKAGES ═══ */
.PKG{transition:var(--trans)}
.PKG:hover{
  background:var(--gl-s) !important;
  box-shadow:var(--gl-shd-l),var(--gl-edge);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  transform:translateY(-4px);
}
.PKG:hover .PKG-N,.PKG:hover .PKG-PR{color:var(--k) !important}
.PKG:hover .PKG-D,.PKG:hover .PKG-F{color:var(--m) !important}
.PKG:hover .PKG-TAG{border-color:var(--p2) !important;color:var(--p2) !important}
.PKG:hover .PKG-CTA{background:var(--p3) !important;color:#fff !important}
.PKG:hover .PKG-F::before{color:var(--p1) !important}

/* ═══ TRUST ═══ */
.TRUST-I{transition:var(--trans)}
.TRUST-I:hover{
  background:rgba(139,92,246,.04) !important;
  box-shadow:var(--gl-shd),var(--gl-edge);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.TRUST-I:hover .TRUST-N{color:var(--k) !important}
.TRUST-I:hover .TRUST-D{color:var(--m) !important}

/* ═══ SHOP PRODUCT CARDS ═══ */
.SP-CARD{transition:var(--trans)}
.SP-CARD:hover{
  background:var(--gl-s) !important;
  box-shadow:var(--gl-shd-l),var(--gl-edge);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  transform:translateY(-4px);
}
.SP-CARD:hover .SPC-N,.SP-CARD:hover .SPC-P{color:var(--k) !important}
.SP-CARD:hover .SPC-D,.SP-CARD:hover .SPC-S,.SP-CARD:hover .SPC-U{color:var(--m) !important}
.SP-CARD:hover .SPC-CTA{background:var(--p3) !important;color:#fff !important}
.SP-CARD:hover .SPC-TAG{background:rgba(139,92,246,.06) !important;color:var(--p2) !important}


/* ═══ GENERIC CTA BUTTONS ═══ */
.PCTA,.PTB-CTA,.FSUB,.PKG-CTA,.SPC-CTA{transition:var(--trans)}
.PCTA:hover,.PC:hover .PCTA:hover{
  background:var(--p3) !important;color:#fff !important;
  box-shadow:0 8px 24px rgba(109,40,217,.12);
}
.PTB-CTA:hover{
  background:var(--p3) !important;color:#fff !important;
  box-shadow:0 8px 24px rgba(109,40,217,.12);
}
.FSUB:hover{
  background:var(--p3) !important;color:#fff !important;
  box-shadow:0 8px 24px rgba(109,40,217,.15);
}

/* ═══ GLARE OVERLAY ON PRODUCT CARDS ═══ */
.P-GLARE{
  position:absolute;inset:0;z-index:3;pointer-events:none;
  opacity:0;transition:opacity .4s;
  border-radius:inherit;
}
.P-CARD:hover .P-GLARE{opacity:1}

/* ═══ CURSOR — purple on hover ═══ */
body.HOV #CRR{border-color:var(--p1) !important}
body.HOV #CI{background:var(--p1) !important}

/* ═══ SCROLLBAR ═══ */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--c)}
::-webkit-scrollbar-thumb{background:rgba(139,92,246,.2);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.35)}