/* =========================================
   Telecom Comparison Wizard – Stepper UI
   SCOPED to #subscription-form
   ========================================= */

#subscription-form { --tcw-primary:#4460EF; font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }

/* hide scrollbars (optional) */
#subscription-form ::-webkit-scrollbar { display:none; }
#subscription-form { -ms-overflow-style:none; scrollbar-width:none; }

/* Head / price */
#subscription-form .text-primary { color: var(--tcw-primary) !important; }

/* Divider */
#subscription-form .border-gray-200 { border-color:#e9edf2 !important; }

/* -------- Accordions -------- */

#subscription-form .accordion-item { margin: 14px 0; }
#subscription-form .accordion-header{
  display:flex; justify-content:space-between; align-items:center;
  width:100%;
  background:#f7f9fc !important;
  border:1px solid #e5e7eb !important;
  border-radius:12px !important;
  padding:14px 16px !important;
  box-shadow:none !important;
  text-align:left;
}
#subscription-form .accordion-header:hover{ background:#f1f5f9 !important; }
#subscription-form .accordion-header .fa-solid{ color:var(--tcw-primary) !important; }

/* Right meta text (e.g., "140 channels") */
#subscription-form .accordion-header .text-gray-600{ color:#475569 !important; font-weight:600; }

/* Chevron rotation */
#subscription-form .accordion-icon{ transition: transform .25s ease; }
#subscription-form .accordion-item.open .accordion-icon{ transform: rotate(180deg); }

/* Content wrapper (animated height) */
#subscription-form .accordion-content{
  max-height:0;
  overflow:hidden;
  transition: max-height .28s ease;
}

/* Inner content panel */
#subscription-form .accordion-content > .p-4{
  background:#ffffff !important;
  border:1px solid #e5e7eb !important;
  border-top:0 !important;
  border-radius:0 0 12px 12px !important;
  padding:14px 16px !important;
}

/* Rows inside content */
#subscription-form .accordion-content .flex{
  padding:8px 0;
  border-bottom:1px dashed #eef2f7;
}
#subscription-form .accordion-content .flex:last-child{ border-bottom:0; }
#subscription-form .accordion-content .text-gray-500{ color:#6b7280 !important; }
#subscription-form .accordion-content .font-medium{ color:#0f172a !important; font-weight:600 !important; }

/* -------- Buttons -------- */

#subscription-form #back-btn{
  background:#eef2f7 !important;
  color:#9aa3b2 !important;
  border-radius:12px !important;
  border:1px solid #e5e7eb !important;
}
#subscription-form #back-btn:hover:enabled{ background:#e6ebf2 !important; color:#7e8a9a !important; }

#subscription-form #next-btn{
  background: var(--tcw-primary) !important;
  color:#fff !important;
  border-radius:12px !important;
  box-shadow:none !important;
}
#subscription-form #next-btn:hover{ filter:brightness(.95); }

/* Remove any red/error-looking borders/themes on headers */
#subscription-form .accordion-header,
#subscription-form .accordion-item,
#subscription-form .accordion-content > .p-4,
#subscription-form button{
  outline:none !important;
  box-shadow:none !important;
}

/* Utility fixes */
#subscription-form .rounded-lg{ border-radius:12px !important; }
#subscription-form .bg-gray-50{ background:#f7f9fc !important; }