/* ================================================================
   AURELIA — pricing-theme.css
   Pricing section light theme overrides
   Load LAST for highest priority
   ================================================================ */

/* ── LIGHT THEME: PRICING SECTION ── */

body.theme-light .pricing {
  background: linear-gradient(180deg, #f4f4f2 0%, #eaeae8 50%, #f4f4f2 100%);
}

body.theme-light .pricing-ambient-glow {
  opacity: 0.25;
}

body.theme-light .pricing-glow-1,
body.theme-light .pricing-glow-2,
body.theme-light .pricing-glow-3 {
  background: radial-gradient(circle, rgba(158, 11, 32, 0.1) 0%, transparent 70%);
}

body.theme-light .pricing-subtitle {
  color: #333333 !important;
}

/* ── Card styling light theme ── */

body.theme-light .pricing-card {
  background: #ffffff;
  border: 1px solid rgba(158, 11, 32, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

body.theme-light .pricing-card:hover {
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.08);
  border-color: rgba(158, 11, 32, 0.3);
}

body.theme-light .tier-name,
body.theme-light .price-amount {
  color: #111;
}

body.theme-light .pricing-desc {
  color: #666;
}

body.theme-light .pricing-features li {
  color: #444;
}

body.theme-light .pricing-btn-outline {
  border-color: #9e0b20;
  color: #9e0b20;
}

body.theme-light .pricing-btn-outline:hover {
  background: rgba(158, 11, 32, 0.05);
}

body.theme-light .pricing-card--featured {
  background: #fdf2f4;
  border-color: rgba(158, 11, 32, 0.2);
}

body.theme-light .feature-check {
  color: #9e0b20;
}

body.theme-light .feature-check i {
  color: #ffffff;
  background: #9e0b20;
}

body.theme-light .feature-check--featured {
  color: #ffffff;
}

body.theme-light .feature-check--featured i {
  color: #ffffff;
  background: #9e0b20;
}

/* ── Button light theme ── */

body.theme-light .pricing-btn {
  color: #0f0f0f;
  border: 1px solid #9e0b20;
}

body.theme-light .pricing-btn:hover {
  background: rgba(158, 11, 32, 0.1);
  border-color: #9e0b20;
}

body.theme-light .pricing-btn-primary {
  background: #9e0b20;
  color: #ffffff;
  border: 1px solid #9e0b20;
}

body.theme-light .pricing-btn-primary:hover {
  background: #b81028;
  border-color: #b81028;
  box-shadow: 0 8px 20px rgba(158, 11, 32, 0.25);
}

body.theme-light .pricing-btn-outline {
  background: transparent;
  color: #9e0b20;
  border: 1px solid #9e0b20;
}

body.theme-light .pricing-btn-outline:hover {
  background: rgba(158, 11, 32, 0.08);
  border-color: #9e0b20;
}

/* ── Corner accents light theme ── */

body.theme-light .corner-accent {
  border-color: #9e0b20 !important;
  opacity: 0.7;
}

body.theme-light .pricing-card--featured .corner-accent {
  opacity: 1;
  border-width: 2px !important;
}

/* ── Mobile responsive light theme ── */

@media (max-width: 768px) {
  body.theme-light .pricing-card {
    background: #ffffff;
    border: 1px solid rgba(158, 11, 32, 0.12);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  }

  body.theme-light .pricing-card--featured {
    background: linear-gradient(160deg, 
      rgba(158, 11, 32, 0.05) 0%, 
      rgba(158, 11, 32, 0.02) 40%,
      #ffffff 100%);
    border: 1px solid rgba(158, 11, 32, 0.18);
  }
}

/* ── Tag lines light theme ── */

body.theme-light .tag-line {
  background: linear-gradient(90deg, transparent, #9e0b20) !important;
}

body.theme-light .tag-line:last-child {
  background: linear-gradient(90deg, #9e0b20, transparent) !important;
}

/* ── Pricing header light theme ── */

body.theme-light .pricing-header .section-tag {
  color: #333333;
}

/* ── Grid visibility ── */
.pricing-grid {
  display: grid;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.pricing-grid.hidden {
  display: none;
  opacity: 0;
  transform: translateY(20px);
}