/* ==============================================================================
   OMEGA NETWORK — THEME SYSTEM (LIGHT / DARK THEME & DAY-NIGHT SWITCH)
   WCAG AAA / AA Compliant Color Tokens & Contrast Optimization
   ============================================================================== */

/* ===== LIGHT THEME (WCAG AAA / AA COMPLIANT CONTRAST) ===== */
[data-theme="light"] {
  --bg-deep: #F8FAFC;
  --bg-dark: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F1F5F9;
  --bg-surface: #F1F5F9;
  --bg-alt: #EDF2F7;
  --header-bg: rgba(255, 255, 255, 0.96);
  --nav-dropdown-bg: #FFFFFF;
  --ticker-bg: linear-gradient(90deg, #F1F5F9 0%, #E2E8F0 50%, #F1F5F9 100%);
  --card-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);

  --primary-blue: #0072BC;
  --primary-cyan: #0077B6;
  --accent-cyan: #0284C7;
  --accent-glow: rgba(2, 132, 199, 0.12);
  --blue-glow: rgba(0, 114, 188, 0.15);

  --text-primary: #0A1628;   /* 15.4:1 contrast ratio against white (WCAG AAA) */
  --text-secondary: #334155; /* 7.8:1 contrast ratio against white (WCAG AAA) */
  --text-muted: #64748B;     /* 5.4:1 contrast ratio against white (WCAG AA) */
  --border-subtle: rgba(15, 23, 42, 0.12);
  --border-bright: rgba(0, 114, 188, 0.32);
  --border: rgba(15, 23, 42, 0.12);
}

/* ===== DRIBBBLE-STYLE DAY/NIGHT ANIMATED SWITCH ===== */
.theme-toggle-btn {
  position: relative;
  width: 64px;
  height: 30px;
  padding: 0;
  border-radius: 9999px;
  cursor: pointer;
  border: 2px solid #133052;
  background: #1B4370;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  transition: background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
              border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.35s ease;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35);
  flex-shrink: 0;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.theme-toggle-btn:focus-visible {
  outline: 2px solid var(--accent-cyan);
  outline-offset: 3px;
}

[data-theme="light"] .theme-toggle-btn {
  background: #BAE6FD;
  border-color: #7DD3FC;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(186, 230, 253, 0.4);
}

.theme-toggle-track {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7px;
  pointer-events: none;
}

.theme-icon-moon {
  width: 14px;
  height: 14px;
  color: #FACC15;
  fill: currentColor;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

.theme-icon-sun {
  width: 15px;
  height: 15px;
  color: #0369A1;
  fill: currentColor;
  stroke: currentColor;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

/* Moving Knob (Circular Thumb) */
.theme-toggle-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.28);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.35s ease;
  z-index: 2;
  pointer-events: none;
}

/* Dark Mode (Default: Knob on right covering Sun, uncovering Moon on left) */
[data-theme="dark"] .theme-toggle-thumb,
:root:not([data-theme="light"]) .theme-toggle-thumb {
  transform: translateX(34px);
}

/* Light Mode (Knob on left covering Moon, uncovering Sun on right) */
[data-theme="light"] .theme-toggle-thumb {
  transform: translateX(0px);
}

@media (prefers-reduced-motion: reduce) {
  .theme-toggle-btn,
  .theme-toggle-thumb,
  .theme-icon-moon,
  .theme-icon-sun {
    transition: none !important;
  }
}

/* ==============================================================================
   LIGHT THEME OVERRIDES (CASCADE PRIORITY — WCAG COMPLIANT)
   ============================================================================== */

/* Universal Headings & Titles in Light Mode */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6,
[data-theme="light"] .hero-title,
[data-theme="light"] .hero-title > span:not(.text-gradient),
[data-theme="light"] .section-title,
[data-theme="light"] .section-title > span:not(.text-gradient),
[data-theme="light"] .brand-title,
[data-theme="light"] .pkg-speed,
[data-theme="light"] .adv-title,
[data-theme="light"] .term-header,
[data-theme="light"] .faq-summary,
[data-theme="light"] .faq-summary > span,
[data-theme="light"] .faq-content strong,
[data-theme="light"] .footer-title,
[data-theme="light"] .contact-info-card h3,
[data-theme="light"] .modal-content h3,
[data-theme="light"] #modalTitle {
  color: #0A1628 !important;
}

/* Gradient Headings */
[data-theme="light"] .text-gradient {
  background: linear-gradient(135deg, #0072BC 0%, #0099DE 60%, #0284C7 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Body & Backgrounds */
[data-theme="light"] body {
  background-color: #F8FAFC !important;
  color: #0A1628 !important;
}
[data-theme="light"] p,
[data-theme="light"] .hero-subtitle,
[data-theme="light"] .section-sub,
[data-theme="light"] .faq-content p,
[data-theme="light"] .contact-info-card p {
  color: #334155 !important;
}

/* Universal Section Backgrounds in Light Theme */
[data-theme="light"] section,
[data-theme="light"] .section,
[data-theme="light"] .section-sm,
[data-theme="light"] .hero-section {
  background-color: #F8FAFC !important;
}

[data-theme="light"] .section-alt,
[data-theme="light"] .partners-section,
[data-theme="light"] #coverage,
[data-theme="light"] #tips,
[data-theme="light"] #contact,
[data-theme="light"] section[style*="background: #040912"],
[data-theme="light"] section[style*="background:#040912"],
[data-theme="light"] section[style*="background: rgba(4, 9, 18"],
[data-theme="light"] section[style*="background:rgba(4,9,18"] {
  background: #F1F5F9 !important;
  background-color: #F1F5F9 !important;
}

[data-theme="light"] #faq,
[data-theme="light"] #speedtest,
[data-theme="light"] #packages,
[data-theme="light"] #advantage,
[data-theme="light"] #refer,
[data-theme="light"] #about,
[data-theme="light"] #brand {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

/* Section Tags, Badges & Pills */
[data-theme="light"] .section-tag,
[data-theme="light"] .badge-tag {
  background: #E0F2FE !important;
  border-color: #BAE6FD !important;
  color: #0369A1 !important;
}

[data-theme="light"] .hero-badge {
  background: #E0F2FE !important;
  border-color: #BAE6FD !important;
  color: #0369A1 !important;
}

[data-theme="light"] .partner-pill {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #334155 !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .google-reviews-strip {
  background: linear-gradient(135deg, #E0F2FE 0%, #F1F5F9 100%) !important;
  border-top: 1px solid #CBD5E1 !important;
  border-bottom: 1px solid #CBD5E1 !important;
}
[data-theme="light"] .google-reviews-strip h3 {
  color: #0A1628 !important;
}
[data-theme="light"] .google-reviews-strip p {
  color: #475569 !important;
}

[data-theme="light"] #cookieBanner {
  background: #FFFFFF !important;
  border-top: 1px solid #CBD5E1 !important;
  color: #334155 !important;
  box-shadow: 0 -4px 20px rgba(15, 23, 42, 0.1) !important;
}
[data-theme="light"] #cookieDecline {
  border-color: #CBD5E1 !important;
  color: #64748B !important;
}


/* Site Header & Ticker */
[data-theme="light"] .site-header {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important;
}
[data-theme="light"] .top-ticker-bar {
  background: #E2E8F0 !important;
  border-bottom: 1px solid #CBD5E1 !important;
  color: #1E293B !important;
}
[data-theme="light"] .top-ticker-bar .ticker-content span {
  color: #1E293B !important;
}
[data-theme="light"] .nav-link,
[data-theme="light"] .dropdown-trigger {
  color: #334155 !important;
}
[data-theme="light"] .nav-link:hover,
[data-theme="light"] .nav-link.active,
[data-theme="light"] .dropdown-trigger:hover {
  color: #0072BC !important;
}
[data-theme="light"] .dropdown-menu {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12) !important;
}
[data-theme="light"] .dropdown-item {
  color: #334155 !important;
}
[data-theme="light"] .dropdown-item:hover {
  background: #F1F5F9 !important;
  color: #0072BC !important;
}

/* Cards & Pricing */
[data-theme="light"] .flip-card-front,
[data-theme="light"] .flip-card-back,
[data-theme="light"] .feature-card,
[data-theme="light"] .adv-card,
[data-theme="light"] .stat-card,
[data-theme="light"] .tips-container,
[data-theme="light"] .faq-item,
[data-theme="light"] .contact-info-card,
[data-theme="light"] .pkg-card {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
  color: #334155 !important;
}
[data-theme="light"] .flip-card-front:hover,
[data-theme="light"] .pkg-card:hover {
  border-color: #0072BC !important;
  box-shadow: 0 10px 28px rgba(0, 114, 188, 0.12) !important;
}
[data-theme="light"] .pkg-price,
[data-theme="light"] .pkg-price * {
  color: #0A1628 !important;
}
[data-theme="light"] .feature-item span,
[data-theme="light"] .pkg-features li {
  color: #334155 !important;
}

/* App Banner & Refer Card in Light Mode */
[data-theme="light"] .app-banner {
  background: linear-gradient(135deg, #F0F9FF 0%, #FFFFFF 100%) !important;
  border: 1px solid #BAE6FD !important;
  box-shadow: 0 8px 30px rgba(2, 132, 199, 0.08) !important;
}
[data-theme="light"] .app-banner h3 {
  color: #0A1628 !important;
}
[data-theme="light"] .app-banner p {
  color: #475569 !important;
}
[data-theme="light"] .store-btn {
  background: #0A1628 !important;
  border-color: #0A1628 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(10, 22, 40, 0.25) !important;
}
[data-theme="light"] .store-btn:hover {
  background: #0072BC !important;
  border-color: #0072BC !important;
}

[data-theme="light"] .refer-card {
  background: linear-gradient(135deg, #F0F9FF 0%, #FFFFFF 100%) !important;
  border: 1px solid #BAE6FD !important;
  box-shadow: 0 8px 30px rgba(2, 132, 199, 0.08) !important;
}
[data-theme="light"] .refer-input {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #0A1628 !important;
}
[data-theme="light"] .refer-input:focus {
  border-color: #0072BC !important;
  box-shadow: 0 0 0 3px rgba(0, 114, 188, 0.15) !important;
}
[data-theme="light"] .refer-result-box {
  background: #F1F5F9 !important;
  border: 1px dashed #0072BC !important;
}
[data-theme="light"] .refer-link-text {
  color: #0072BC !important;
}

/* Hero Widget in Light Mode */
[data-theme="light"] .hero-card-glow {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 20px 50px rgba(0, 114, 188, 0.10) !important;
}
[data-theme="light"] .hero-card-glow [style*="color: #FFF"],
[data-theme="light"] .hero-card-glow [style*="color:#FFF"] {
  color: #0A1628 !important;
}
[data-theme="light"] .hero-card-glow div[style*="background: rgba(5, 12, 22"],
[data-theme="light"] .hero-card-glow div[style*="background:rgba(5,12,22"] {
  background: #F8FAFC !important;
  border-color: #E2E8F0 !important;
}
[data-theme="light"] .speed-meter-ring {
  border-color: #E0F2FE !important;
  border-top-color: #0284C7 !important;
  border-right-color: #0072BC !important;
}


/* Modals & Forms */
[data-theme="light"] .modal-box {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25) !important;
  color: #0A1628 !important;
}
[data-theme="light"] .form-input,
[data-theme="light"] .form-textarea,
[data-theme="light"] .form-select {
  background: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  color: #0A1628 !important;
}
[data-theme="light"] .form-input:focus,
[data-theme="light"] .form-textarea:focus,
[data-theme="light"] .form-select:focus {
  border-color: #0072BC !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(0, 114, 188, 0.15) !important;
}
[data-theme="light"] .form-group label {
  color: #334155 !important;
}

/* Coverage Chips */
[data-theme="light"] .coverage-chip {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #0A1628 !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}
[data-theme="light"] .coverage-chip:hover {
  border-color: #0072BC !important;
}
[data-theme="light"] .coverage-chip .coverage-num {
  background: #E0F2FE !important;
  color: #0369A1 !important;
  border: 1px solid #BAE6FD !important;
}
[data-theme="light"] .coverage-chip .coverage-name,
[data-theme="light"] .coverage-chip .coverage-name span {
  color: #0A1628 !important;
}

/* Tips Container & Controls */
[data-theme="light"] .tips-container {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08) !important;
}
[data-theme="light"] .tip-type-btn {
  background: #E2E8F0 !important;
  border: 1px solid #CBD5E1 !important;
  color: #334155 !important;
}
[data-theme="light"] .tip-type-btn.active {
  background: #0072BC !important;
  border-color: #0072BC !important;
  color: #FFFFFF !important;
}
[data-theme="light"] .tip-refresh-btn {
  background: rgba(0, 114, 188, 0.08) !important;
  border: 1px solid rgba(0, 114, 188, 0.3) !important;
  color: #0072BC !important;
}
[data-theme="light"] .tip-refresh-btn:hover {
  background: rgba(0, 114, 188, 0.15) !important;
}
[data-theme="light"] .tip-content-box,
[data-theme="light"] .tip-content-box strong {
  color: #0A1628 !important;
}

/* FAQ Section */
[data-theme="light"] .faq-item {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}
[data-theme="light"] .faq-item[open] {
  background: #F8FAFC !important;
  border-color: #0072BC !important;
  box-shadow: 0 4px 18px rgba(0, 114, 188, 0.10) !important;
}
[data-theme="light"] .faq-summary,
[data-theme="light"] .faq-summary span {
  color: #0A1628 !important;
}
[data-theme="light"] .faq-summary i {
  color: #0072BC !important;
}
[data-theme="light"] .faq-content {
  color: #334155 !important;
  border-top: 1px solid #E2E8F0 !important;
}

/* Google Reviews & Map Overlays */
[data-theme="light"] .google-reviews-cta {
  background: #F8FAFC !important;
  border-top: 1px solid #CBD5E1 !important;
  border-bottom: 1px solid #CBD5E1 !important;
}
[data-theme="light"] .google-reviews-cta h3,
[data-theme="light"] .google-reviews-cta h3 span {
  color: #0A1628 !important;
}
[data-theme="light"] .google-reviews-cta p,
[data-theme="light"] .google-reviews-cta p span {
  color: #334155 !important;
}
[data-theme="light"] .map-info-bar-top,
[data-theme="light"] .map-info-bar-bottom {
  background: #FFFFFF !important;
  border-color: #CBD5E1 !important;
  color: #0A1628 !important;
}
[data-theme="light"] .map-info-bar-bottom .map-loc-label,
[data-theme="light"] .map-info-bar-bottom .map-loc-label span {
  color: #0A1628 !important;
}

/* Outline Buttons in Light Theme */
[data-theme="light"] .btn-outline {
  background: #FFFFFF !important;
  color: #0072BC !important;
  border: 1.5px solid #0072BC !important;
  box-shadow: 0 2px 8px rgba(0, 114, 188, 0.08) !important;
}
[data-theme="light"] .btn-outline:hover {
  background: #0072BC !important;
  color: #FFFFFF !important;
}
[data-theme="light"] .btn-outline:hover * {
  color: #FFFFFF !important;
}

/* Footer */
[data-theme="light"] .site-footer {
  background: #F1F5F9 !important;
  border-top: 1px solid #CBD5E1 !important;
  color: #334155 !important;
}
[data-theme="light"] .footer-col p,
[data-theme="light"] .footer-links a {
  color: #475569 !important;
}
[data-theme="light"] .footer-links a:hover {
  color: #0072BC !important;
}
[data-theme="light"] .footer-bottom {
  border-top: 1px solid #E2E8F0 !important;
  color: #64748B !important;
}

/* ==============================================================================
   PACKAGES PAGE & UNIVERSAL INLINE CONTRAST SAFEGUARDS (WCAG AAA)
   ============================================================================== */

/* Dedicated Packages Page Overrides */
[data-theme="light"] .pkg-hero {
  background: radial-gradient(circle at 50% 10%, rgba(0, 114, 188, 0.08), transparent 70%) !important;
}
[data-theme="light"] .pkg-hero h1 {
  color: #0A1628 !important;
}
[data-theme="light"] .pkg-hero p {
  color: #334155 !important;
}
[data-theme="light"] .pkg-name {
  color: #0A1628 !important;
}
[data-theme="light"] .pkg-price {
  color: #0A1628 !important;
}
[data-theme="light"] .pkg-target {
  color: #475569 !important;
}
[data-theme="light"] .pkg-card {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}
[data-theme="light"] .pkg-card.featured {
  background: #FFFFFF !important;
  border-color: #0072BC !important;
  box-shadow: 0 12px 30px rgba(0, 114, 188, 0.14) !important;
}
[data-theme="light"] .billing-toggle-wrap {
  background: #E2E8F0 !important;
  border-color: #CBD5E1 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}
[data-theme="light"] .billing-btn {
  color: #475569 !important;
}
[data-theme="light"] .billing-btn.active {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-cyan)) !important;
  color: #FFFFFF !important;
}
[data-theme="light"] .table-heading,
[data-theme="light"] .stat-number,
[data-theme="light"] .cta-title,
[data-theme="light"] .contact-card h3 {
  color: #0A1628 !important;
}
[data-theme="light"] .pkg-features strong {
  color: #0A1628 !important;
}

/* ==============================================================================
   UNIVERSAL LIGHT MODE CONTRAST SAFEGUARD (WCAG AA/AAA)
   Prevents invisible white text from hardcoded inline styles on white cards.
   ============================================================================== */
[data-theme="light"] [style*="color: #FFF"]:not(.btn-cta):not(.btn-primary):not(.btn-cta *):not(.btn-primary *):not(.pkg-badge):not(.pkg-badge *):not(.ribbon-featured):not(.ribbon-featured *):not(.save-badge):not(.lang-opt):not(.theme-toggle-thumb):not(.badge-pill),
[data-theme="light"] [style*="color:#FFF"]:not(.btn-cta):not(.btn-primary):not(.btn-cta *):not(.btn-primary *):not(.pkg-badge):not(.pkg-badge *):not(.ribbon-featured):not(.ribbon-featured *):not(.save-badge):not(.lang-opt):not(.theme-toggle-thumb):not(.badge-pill),
[data-theme="light"] [style*="color: #fff"]:not(.btn-cta):not(.btn-primary):not(.btn-cta *):not(.btn-primary *):not(.pkg-badge):not(.pkg-badge *):not(.ribbon-featured):not(.ribbon-featured *):not(.save-badge):not(.lang-opt):not(.theme-toggle-thumb):not(.badge-pill) {
  color: #0A1628 !important;
}

/* ==============================================================================
   TERMS & PRIVACY POLICY — LIGHT MODE CARD OVERRIDES
   ============================================================================== */
[data-theme="light"] .policy-card {
  background: #FFFFFF !important;
  border-color: #CBD5E1 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}
[data-theme="light"] .policy-card h2 {
  color: #0A1628 !important;
}
[data-theme="light"] .policy-card p,
[data-theme="light"] .policy-card li {
  color: #334155 !important;
}
[data-theme="light"] .policy-card h2 i {
  color: #0072BC !important;
}
[data-theme="light"] .page-title {
  color: #0A1628 !important;
}
[data-theme="light"] .page-hero {
  background: radial-gradient(circle at 50% 0%, rgba(0, 114, 188, 0.06) 0%, transparent 75%) !important;
}
[data-theme="light"] .breadcrumbs-bar {
  background: rgba(248, 250, 252, 0.95) !important;
  border-color: #E2E8F0 !important;
}
[data-theme="light"] .breadcrumbs-list a {
  color: #475569 !important;
}
[data-theme="light"] .breadcrumbs-list a:hover {
  color: #0072BC !important;
}
[data-theme="light"] .breadcrumbs-sep {
  color: #94A3B8 !important;
}

/* Terms page card overrides */
[data-theme="light"] .terms-card {
  background: #FFFFFF !important;
  border-color: #CBD5E1 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}
[data-theme="light"] .terms-card h2 {
  color: #0A1628 !important;
}
[data-theme="light"] .terms-card h2 i {
  color: #0072BC !important;
}
[data-theme="light"] .terms-card p,
[data-theme="light"] .terms-card li {
  color: #334155 !important;
}
[data-theme="light"] .terms-card strong {
  color: #0A1628 !important;
}
/* Coverage page area cards */
[data-theme="light"] .area-card,
[data-theme="light"] .coverage-card {
  background: #FFFFFF !important;
  border-color: #CBD5E1 !important;
}
[data-theme="light"] .area-card h3,
[data-theme="light"] .coverage-card h3 {
  color: #0A1628 !important;
}
/* Footer light-mode */
[data-theme="light"] .site-footer {
  background: #F1F5F9 !important;
  border-top-color: #E2E8F0 !important;
}

/* ==============================================================================
   LANGUAGE TOGGLE PILL — CROSS-PAGE HARMONIZATION
   ============================================================================== */
.lang-toggle-btn {
  display: inline-flex;
  align-items: center;
  background: #0A1B2E;
  border: 1px solid rgba(0, 153, 222, 0.35);
  border-radius: 99px;
  padding: 3px;
  gap: 2px;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4);
}
.lang-opt {
  padding: 4px 11px;
  border-radius: 99px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #94A3B8;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
}
[data-lang="en"] .lang-opt[data-lang="en"],
[data-lang="bn"] .lang-opt[data-lang="bn"] {
  background: #0072BC;
  color: #FFFFFF !important;
  box-shadow: 0 2px 10px rgba(0, 114, 188, 0.4);
}

[data-theme="light"] .lang-toggle-btn {
  background: #E2E8F0 !important;
  border-color: #CBD5E1 !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06) !important;
}
[data-theme="light"] .lang-opt {
  color: #475569 !important;
}
[data-theme="light"] [data-lang="en"] .lang-opt[data-lang="en"],
[data-theme="light"] [data-lang="bn"] .lang-opt[data-lang="bn"] {
  background: #0072BC !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(0, 114, 188, 0.25) !important;
}

/* ==============================================================================
   SUB-PAGE & COMPONENT SAFEGUARDS (COVERAGE AREA & PACKAGE DETAIL PAGES)
   ============================================================================== */
[data-theme="light"] .glass-card {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08) !important;
  color: #334155 !important;
}

[data-theme="light"] .glass-card h2,
[data-theme="light"] .glass-card h3,
[data-theme="light"] .glass-card h4,
[data-theme="light"] .glass-card strong {
  color: #0A1628 !important;
}

[data-theme="light"] .glass-card p {
  color: #334155 !important;
}

[data-theme="light"] .glass-card label {
  color: #1E293B !important;
}

[data-theme="light"] .glass-card input[type="text"],
[data-theme="light"] .glass-card input[type="tel"],
[data-theme="light"] .glass-card input[type="email"],
[data-theme="light"] .glass-card select,
[data-theme="light"] .glass-card textarea {
  background: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  color: #0A1628 !important;
}

[data-theme="light"] .pkg-mini-card {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .pkg-mini-card .pkg-price {
  color: #0A1628 !important;
}

[data-theme="light"] .pkg-mini-card p,
[data-theme="light"] .pkg-mini-card span:not(.pkg-speed) {
  color: #334155 !important;
}

[data-theme="light"] .comp-table-wrap {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .comp-table th {
  background: #E0F2FE !important;
  color: #0369A1 !important;
  border-bottom: 2px solid #0072BC !important;
}

[data-theme="light"] .comp-table td {
  border-bottom: 1px solid #E2E8F0 !important;
  color: #334155 !important;
}

[data-theme="light"] .comp-table tr:hover td {
  background: #F1F5F9 !important;
}

[data-theme="light"] .breadcrumbs-bar {
  background: #F1F5F9 !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

[data-theme="light"] .breadcrumbs-list a {
  color: #475569 !important;
}

[data-theme="light"] .breadcrumbs-list a:hover {
  color: #0072BC !important;
}

[data-theme="light"] .cross-link-pill {
  background: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  color: #334155 !important;
}

[data-theme="light"] .cross-link-pill:hover {
  background: #0072BC !important;
  color: #FFFFFF !important;
  border-color: #0072BC !important;
}

[data-theme="light"] .coverage-banner {
  background: #ECFDF5 !important;
  border-color: #A7F3D0 !important;
  color: #065F46 !important;
}

/* ==============================================================================
   MOBILE DRAWER NAVIGATION — LIGHT THEME SUPPORT (WCAG AAA)
   ============================================================================== */
[data-theme="light"] .nav-links.mobile-open {
  background: rgba(255, 255, 255, 0.98) !important;
  border-bottom: 1px solid #CBD5E1 !important;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12) !important;
}

[data-theme="light"] .nav-links.mobile-open .nav-link,
[data-theme="light"] .nav-links.mobile-open li a {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  color: #0A1628 !important;
}

[data-theme="light"] .nav-links.mobile-open .nav-link:hover,
[data-theme="light"] .nav-links.mobile-open .nav-link.active,
[data-theme="light"] .nav-links.mobile-open li a:hover,
[data-theme="light"] .nav-links.mobile-open li a.active {
  background: #E0F2FE !important;
  border-color: #0072BC !important;
  color: #0072BC !important;
}

[data-theme="light"] .mobile-nav-toggle,
[data-theme="light"] .hamburger-btn {
  background: #E0F2FE !important;
  border-color: #BAE6FD !important;
  color: #0072BC !important;
}

/* Mobile Drawer on account.html */
[data-theme="light"] .mobile-drawer {
  background: #FFFFFF !important;
  border-left-color: #CBD5E1 !important;
  box-shadow: -10px 0 30px rgba(15, 23, 42, 0.12) !important;
}
[data-theme="light"] .drawer-close {
  color: #0A1628 !important;
}
[data-theme="light"] .drawer-links a {
  color: #334155 !important;
}
[data-theme="light"] .drawer-links a:hover {
  background: #F1F5F9 !important;
  color: #0072BC !important;
}

/* Account Portal Light Mode Overrides */
[data-theme="light"] .account-hero {
  background: radial-gradient(circle at 50% 0%, rgba(0, 114, 188, 0.08) 0%, transparent 70%) !important;
  border-bottom: 1px solid #CBD5E1 !important;
}
[data-theme="light"] .page-sub {
  color: #475569 !important;
}
[data-theme="light"] .account-portal-card {
  background: #FFFFFF !important;
  border-color: #CBD5E1 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}