/* ======================
   Superior Spray Foam Theme
   Dark + Lime + Silver w/ racing vibe
   ====================== */

.theme-superior {
  /* Core palette */
  --sup-black: #0b0b0d;            /* page background */
  --sup-gunmetal: #121417;         /* sections/cards */
  --sup-panel: #1a1d21;            /* deeper panel */
  --sup-lime: #39ff14;             /* neon lime */
  --sup-lime-2: #7bff48;           /* softer lime for hovers */
  --sup-silver: #cfd6de;           /* light silver text */
  --sup-silver-mid: #aeb4bb;       /* mid silver */
  --sup-silver-dark: #808893;      /* muted silver */
  --sup-white: #eef2f6;

  /* Bootstrap color overrides */
  --bs-body-bg: var(--sup-black);
  --bs-body-color: var(--sup-silver);
  --bs-primary: var(--sup-lime);
  --bs-secondary: var(--sup-silver-dark);
  --bs-light: #23262b;
  --bs-dark: #0b0b0d;

  /* Links */
  --link: var(--sup-lime);
  --link-hover: #b9ff88;

  /* Borders + shadows */
  --edge: rgba(255,255,255,0.06);
  --glow: 0 0 12px rgba(57,255,20,.35), 0 0 32px rgba(57,255,20,.15);
}

/* Base */
.theme-superior body { background: var(--sup-black); color: var(--sup-silver); }
.theme-superior .navbar {
  background: #0f1114 !important;
  border-bottom: 1px solid var(--edge);
  box-shadow: 0 2px 18px rgba(0,0,0,.35);
}
.theme-superior .navbar .nav-link,
.theme-superior .navbar-brand { color: var(--sup-silver); }
.theme-superior .navbar .nav-link:hover { color: var(--sup-lime); }


/* Links — exclude buttons so anchor buttons keep their own colors */
.theme-superior a:not(.btn){
  color: var(--link);
}
.theme-superior a:not(.btn):hover{
  color: var(--link-hover);
}

/* Buttons */
.theme-superior .btn-primary{
  /* backgrounds/borders */
  --bs-btn-bg: var(--sup-lime);
  --bs-btn-border-color: var(--sup-lime);
  --bs-btn-hover-bg: var(--sup-lime-2);
  --bs-btn-hover-border-color: var(--sup-lime-2);
  --bs-btn-active-bg: var(--sup-lime-2);
  --bs-btn-active-border-color: var(--sup-lime-2);
  --bs-btn-disabled-bg: var(--sup-lime);
  --bs-btn-disabled-border-color: var(--sup-lime);

  /* text colors (black on lime in all states) */
  --bs-btn-color: #0b0b0d;
  --bs-btn-hover-color: #0b0b0d;
  --bs-btn-active-color: #0b0b0d;
  --bs-btn-disabled-color: #0b0b0d;

  box-shadow: var(--glow);
}


.theme-superior .btn-outline-secondary{
  --bs-btn-color: var(--sup-silver);
  --bs-btn-border-color: var(--sup-silver-dark);
  --bs-btn-hover-bg: var(--sup-panel);
  --bs-btn-hover-color: var(--sup-lime);
  --bs-btn-hover-border-color: var(--sup-lime);
}

/* Cards / panels */
.theme-superior .card,
.theme-superior .border {
  border-color: var(--edge) !important;
  background: linear-gradient(180deg, var(--sup-gunmetal), var(--sup-panel));
}
.theme-superior .list-group-item{
  background: transparent; border-color: var(--edge); color: var(--sup-silver);
}

/* Headings w/ silver-to-white gradient */
.theme-superior h1, .theme-superior h2, .theme-superior h3 {
  color: var(--sup-white);
  background: linear-gradient(180deg, #ffffff, var(--sup-silver));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Section spacing + subtle edges */
.theme-superior .section{ padding: clamp(2.5rem, 4vw, 4rem) 0; }
.theme-superior .bg-light{ background: #111317 !important; }

/* Neon accent bar under headings */
.theme-superior .title-accent{
  position: relative; padding-bottom: .6rem;
}
.theme-superior .title-accent::after{
  content:""; position:absolute; left:0; bottom:0;
  width:72px; height:3px;
  background: linear-gradient(90deg, var(--sup-lime), #b9ff88);
  box-shadow: var(--glow);
  border-radius: 2px;
}

/* Racing “speedline” hover for cards/links */
.theme-superior .speed:hover{
  transform: translateY(-2px);
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: 0 6px 28px rgba(0,0,0,.4), var(--glow);
}
.theme-superior .speed::before{
  content:""; position:absolute; inset:0;
  background: linear-gradient(120deg, transparent 60%, rgba(57,255,20,.08) 70%, transparent 80%);
  opacity:0; transition:opacity .2s ease;
}
.theme-superior .speed:hover::before{ opacity:1; }

/* CTA card */
.theme-superior .cta-card{
  background: #0f1216; border: 1px solid var(--edge); box-shadow: var(--glow);
}

/* Hero */
.theme-superior .hero{
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(57,255,20,.08), transparent 60%),
    radial-gradient(900px 500px at 100% 0%, rgba(255,255,255,.04), transparent 60%),
    var(--sup-black);
}

/* Checkered subtle divider (racing nod) */
.theme-superior .divider{
  height:10px;
  background:
    linear-gradient(90deg, #1b1e23 12.5%, transparent 12.5% 25%, #1b1e23 25% 37.5%, transparent 37.5% 50%, #1b1e23 50% 62.5%, transparent 62.5% 75%, #1b1e23 75% 87.5%, transparent 87.5% 100%);
  background-size: 80px 10px;
  opacity:.6;
  border:0;
}

/* Links (final) — exclude buttons so anchor buttons keep their own colors */
.theme-superior a:not(.btn){
  color: var(--link);
}
.theme-superior a:not(.btn):hover{
  color: var(--link-hover);
}



/* Forms (for later, when you enable marketing plan) */
.theme-superior .form-control, .theme-superior .form-select{
  background:#0f1216; border:1px solid var(--edge); color: var(--sup-silver);
}
.theme-superior .form-control:focus, .theme-superior .form-select:focus{
  border-color: var(--sup-lime); box-shadow: var(--glow);
}

/* Gallery images */
.theme-superior .gallery img{
  border: 1px solid var(--edge);
  background: #0f1114;
}

/* Footer */
.theme-superior footer{
  background: #0e1013; color: var(--sup-silver-mid);
}