/* ==========================================================================
   Reseller Hosting Pricing Component Styles (Matches Signal Indigo #1A365D Canvas)
   ========================================================================== */

.reseller-pricing-section {
  background-color: var(--color-signal-indigo) !important;
}

.text-deep-indigo {
  color: var(--color-deep-indigo) !important;
}

.border-ember-light {
  border-color: rgba(255, 107, 44, 0.4) !important;
}

.bg-indigo-card {
  background-color: #122846 !important;
}

.bg-indigo-inner-card {
  background-color: #1a365d !important;
}

.border-indigo-card-border {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.bg-indigo-pill {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.border-indigo-pill-border {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Card Hover Elevation & Glow */
.reseller-pricing-section .pricing-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.reseller-pricing-section .pricing-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.35) !important;
}

/* Featured Popular Plan Orange Border Accent */
.reseller-pricing-section .popular-plan {
  padding-top: 3.5rem !important;
  border-color: var(--color-ember) !important;
  box-shadow: 0 1rem 2.5rem rgba(255, 107, 44, 0.18) !important;
}

.reseller-pricing-section .popular-plan:hover {
  box-shadow: 0 1.5rem 3rem rgba(255, 107, 44, 0.28) !important;
}

.reseller-pricing-section .popular-plan h4 {
  margin-top: 1rem !important;
}

/* Billing Switcher Toggle */
.reseller-pricing-section .billing-toggle-btn {
  color: var(--color-indigo-subtle);
  border: none;
  background: transparent;
  transition: all 0.2s ease;
}

.reseller-pricing-section .billing-toggle-btn.active {
  background-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}