/* ==========================================================================
   MeetUrNeed Policy & Legal Pages Styling (Terms, Refund, Privacy, About)
   ========================================================================== */

/* 1. Global Reset & Contrast Fix (Overriding Bootstrap .text-info) */
.text-info,
.accordion,
.accordion .card,
.card-body,
.card-header {
  color: #1e293b !important; /* Deep slate color for high readability */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* 2. Container & Page Title Header */
.image_cover_heading span {
  font-weight: 700;
  letter-spacing: 0.5px;
}

.text-primary {
  color: #0284c7 !important; /* Premium brand blue */
}

/* 3. Modern Card Design */
.accordion .card {
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  margin-bottom: 20px !important;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.accordion .card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

/* 4. Section Card Headers (1., 2., 3., etc.) */
.accordion .card-header {
  background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 100%) !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 16px 22px !important;
}

.accordion .card-header h4 {
  font-size: 1.18rem;
  font-weight: 700;
  color: #0f172a !important;
  margin: 0;
  display: flex;
  align-items: center;
}

/* 5. Subsections (1.1, 2.1, etc.) */
.accordion .card-body h5 {
  font-size: 1.02rem;
  font-weight: 700;
  color: #0369a1 !important;
  margin-top: 20px;
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-bottom: 2px solid #e0f2fe;
}

.accordion .card-body h5:first-of-type {
  margin-top: 5px;
}

/* 6. List Hierarchy & Spacing (1.1.1, 1.1.2) */
.accordion .card-body ul {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-bottom: 18px;
}

.accordion .card-body ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  font-size: 0.94rem;
  line-height: 1.65;
  color: #334155;
}

/* Custom bullet icon for list items */
.accordion .card-body ul li::before {
  content: "•";
  color: #0284c7;
  font-size: 1.5rem;
  position: absolute;
  left: 10px;
  top: -4px;
}

.accordion .card-body ul li strong {
  color: #0f172a;
  font-weight: 600;
}

/* 7. Tables (Refund Tier Matrix) */
.table-responsive {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #cbd5e1;
}

.table {
  margin-bottom: 0 !important;
  font-size: 0.92rem;
}

.table thead.thead-dark th {
  background-color: #0f172a !important;
  border-color: #1e293b !important;
  color: #ffffff !important;
  font-weight: 600;
  letter-spacing: 0.3px;
  padding: 12px 14px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8fafc !important;
}

.table-bordered td, 
.table-bordered th {
  border: 1px solid #e2e8f0 !important;
  vertical-align: middle !important;
  padding: 12px 14px;
}

/* 8. Contact Box & Alerts */
.bg-light.border {
  background-color: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px;
}

.alert-info {
  background-color: #e0f2fe !important;
  color: #0369a1 !important;
  border-left: 4px solid #0284c7 !important;
}