/* ══════════════════════════════════════════════════
   Casting Cleaning Service — Brand Color Override
   Navy: #1B2B6B  |  Red: #D32F2F  |  Light: #2441A0
══════════════════════════════════════════════════ */

:root {
  --primary:       #1B2B6B;
  --primary-light: #2441A0;
  --primary-dark:  #0D1F52;
  --accent:        #D32F2F;
  --accent-light:  #FFEBEE;
  --navbar-h:      72px;
}

/* ── Navbar ── */
.cs-navbar-inner { height: 72px !important; }
.cs-navbar { min-height: 72px; }
.cs-nav-links a:hover,
.cs-nav-links a.active {
  color: #1B2B6B !important;
  background: #EBF3FF !important;
}

/* ── Buttons ── */
.cs-btn-primary {
  background: linear-gradient(135deg, #D32F2F, #B71C1C) !important;
  color: #fff !important;
}
.cs-btn-primary:hover { opacity: .92; }

.cs-btn-outline {
  border-color: #1B2B6B !important;
  color: #1B2B6B !important;
}
.cs-btn-outline:hover {
  background: #1B2B6B !important;
  color: #fff !important;
}

.cs-btn-hero { color: #1B2B6B !important; }

/* ── Hero sections ── */
.cs-hero,
.cs-page-hero {
  background: linear-gradient(135deg, #0D1F52 0%, #1B2B6B 55%, #2441A0 100%) !important;
}

/* ── Hero CTA wrap (homepage) ── */
.cs-hero-v2 {
  background: linear-gradient(135deg, #0D1F52 0%, #1B2B6B 55%, #2441A0 100%) !important;
}

/* ── Footer ── */
.cs-footer { background: #0D1F52 !important; }
.cs-social-links a:hover { background: #D32F2F !important; }

/* ── Icons & Avatars ── */
.cs-service-icon,
.cs-cat-icon,
.cs-svc-icon-v2,
.cs-avatar,
.cs-reviewer-avatar,
.cs-reviewer-avatar-v2,
.cs-profile-avatar,
.cs-drawer-avatar,
.cs-step-num,
.cs-form-step-badge,
.cs-confirm-icon,
.cs-journey-num {
  background: linear-gradient(135deg, #1B2B6B, #2441A0) !important;
}

/* ── Tags & Badges ── */
.cs-tag {
  background: #FFEBEE !important;
  color: #D32F2F !important;
}
.cs-section-tag {
  background: linear-gradient(135deg, #FFEBEE, #FFF3E0) !important;
  color: #D32F2F !important;
}
.cs-service-cat-tag { color: #D32F2F !important; }
.cs-blog-tag { color: #D32F2F !important; }
.cs-popular-tag,
.cs-popular-badge {
  background: linear-gradient(135deg, #D32F2F, #B71C1C) !important;
}

/* ── Cards hover ── */
.cs-service-card:hover,
.cs-cat-card:hover,
.cs-svc-card-v2:hover,
.cs-lc-svc-card:hover {
  border-color: #1B2B6B !important;
}

/* ── Sidebar / Filter ── */
.cs-filter-link:hover { color: #1B2B6B !important; }
.cs-filter-link.active {
  background: #EBF3FF !important;
  color: #1B2B6B !important;
}
.cs-cat-pill.active {
  background: #1B2B6B !important;
  border-color: #1B2B6B !important;
}
.cs-sidebar-cta {
  background: linear-gradient(135deg, #1B2B6B, #2441A0) !important;
}

/* ── Mobile Drawer ── */
.cs-drawer-header {
  background: linear-gradient(135deg, #0D1F52, #1B2B6B) !important;
}
.cs-drawer-book {
  background: linear-gradient(135deg, #D32F2F, #B71C1C) !important;
}
.cs-drawer-link:hover {
  color: #1B2B6B !important;
  border-left-color: #1B2B6B !important;
}
.cs-drawer-link.active {
  color: #1B2B6B !important;
  border-left-color: #D32F2F !important;
  background: #EBF3FF !important;
}

/* ── Cart badge & Toast ── */
.cs-cart-badge { background: linear-gradient(135deg, #D32F2F, #B71C1C) !important; }
.cs-toast-content { background: #0D1F52 !important; }
.cs-toast-btn { background: #D32F2F !important; }
.cs-toast-icon { color: #FFB3B3 !important; }

/* ── Forms ── */
.cs-form-control:focus {
  border-color: #1B2B6B !important;
  box-shadow: 0 0 0 3px rgba(27,43,107,.12) !important;
}
.cs-form-step-badge { background: linear-gradient(135deg, #D32F2F, #B71C1C) !important; }

/* ── Steps ── */
.cs-step-num { background: linear-gradient(135deg, #1B2B6B, #2441A0) !important; }
.cs-step.active .cs-step-circle {
  background: #1B2B6B !important;
  border-color: #1B2B6B !important;
}

/* ── Wallet ── */
.cs-wallet-card {
  background: linear-gradient(135deg, #1B2B6B, #2441A0) !important;
}

/* ── CTA Sections ── */
.cs-cta-banner { background: linear-gradient(135deg, #D32F2F, #B71C1C) !important; }
.cs-cta-v2 { background: linear-gradient(135deg, #D32F2F, #B71C1C) !important; }
.lc-cta { background: linear-gradient(135deg, #D32F2F, #B71C1C) !important; }

/* ── FAQ ── */
.cs-faq-btn:not(.collapsed) {
  color: #1B2B6B !important;
  background: #EBF3FF !important;
}
.cs-faq-v2 .accordion-button:not(.collapsed) {
  color: #1B2B6B !important;
  background: #EBF3FF !important;
}

/* ── Booking summary ── */
.cs-summary-total { color: #1B2B6B !important; }
.cs-booking-num { color: #D32F2F !important; }

/* ── Auth tabs ── */
.cs-auth-tab.active {
  color: #1B2B6B !important;
  border-bottom-color: #D32F2F !important;
}

/* ── Radio cards ── */
.cs-radio-card input:checked + .cs-radio-inner {
  border-color: #1B2B6B !important;
  background: #EBF3FF !important;
  color: #1B2B6B !important;
}

/* ── Area badges ── */
.cs-area-badge,
.cs-area-badge-v2 {
  background: #EBF3FF !important;
  color: #1B2B6B !important;
  border-color: #C5D3EC !important;
}

/* ── Why Us icons ── */
.cs-why-icon { background: #EBF3FF !important; }
.cs-why-icon i { color: #1B2B6B !important; }

/* ── Related services ── */
.cs-related-icon { background: #EBF3FF !important; }
.cs-related-icon i { color: #1B2B6B !important; }

/* ── Rating badge ── */
.cs-rating-badge { background: #FFEBEE !important; color: #D32F2F !important; }

/* ── Stat values ── */
.cs-stat-v2-val,
.lc-stat-val {
  background: linear-gradient(135deg, #1B2B6B, #D32F2F) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.cs-stat-val { color: #1B2B6B !important; }

/* ── How it works section ── */
.cs-how-v2 {
  background: linear-gradient(135deg, #0D1F52, #1B2B6B) !important;
}

/* ── Section tags (city pages) ── */
.lc-tag {
  background: linear-gradient(135deg, #FFEBEE, #FFF3E0) !important;
  color: #D32F2F !important;
}
.lc-btn-book { color: #1B2B6B !important; }
.lc-btn-book:hover { color: #1B2B6B !important; }
.lc-step-num { background: linear-gradient(135deg, #1B2B6B, #2441A0) !important; }
.lc-step-icon { color: #D32F2F !important; }
.lc-svc-icon { background: linear-gradient(135deg, #1B2B6B, #2441A0) !important; }
.lc-faq-q.open { background: #EBF3FF !important; color: #1B2B6B !important; }
.lc-faq.open { border-color: #1B2B6B !important; }

/* ── Hero pages badge ── */
.lc-badge { background: rgba(211,47,47,.15) !important; border-color: rgba(211,47,47,.3) !important; }

/* ── Trust pills ── */
.cs-trust-pill i, .lc-trust-pill i { color: #FFB3B3 !important; }