/* Consultation Booking Page Styles */
/* Direct High-Specificity Overrides for Service Chips */
    .service-chip .chip-label {
      color: inherit;
      background: transparent !important;
    }

    /* Dark Mode Active */
    html:not(.light-mode) .service-chip.active,
    html:not(.light-mode) .service-chip:has(input:checked) {
      background: linear-gradient(135deg, rgba(0, 229, 255, 0.22), rgba(4, 38, 68, 0.98)) !important;
      border-color: #00e5ff !important;
      box-shadow: 0 0 20px rgba(0, 229, 255, 0.4) !important;
    }

    html:not(.light-mode) .service-chip.active .chip-label,
    html:not(.light-mode) .service-chip:has(input:checked) .chip-label {
      color: #ffffff !important;
      -webkit-text-fill-color: #ffffff !important;
      background: transparent !important;
    }

    /* Light Mode Unselected */
    html.light-mode .service-chip {
      background: #ffffff !important;
      border: 1.5px solid #cbd5e1 !important;
      color: #1e293b !important;
    }

    html.light-mode .service-chip .chip-label {
      color: #1e293b !important;
      -webkit-text-fill-color: #1e293b !important;
      background: transparent !important;
    }

    /* Light Mode Active (Solid Navy with White Text) */
    html.light-mode .service-chip.active,
    html.light-mode .service-chip:has(input:checked) {
      background: #091a3e !important;
      background-image: none !important;
      border-color: #091a3e !important;
      color: #ffffff !important;
      box-shadow: 0 4px 14px rgba(9, 26, 62, 0.35) !important;
    }

    html.light-mode .service-chip.active .chip-label,
    html.light-mode .service-chip:has(input:checked) .chip-label,
    html.light-mode .service-chip.active span.chip-label {
      color: #ffffff !important;
      -webkit-text-fill-color: #ffffff !important;
      background: transparent !important;
    }

    html.light-mode .service-chip.active .chip-radio,
    html.light-mode .service-chip:has(input:checked) .chip-radio {
      border-color: #00e5ff !important;
      background: #00e5ff !important;
      box-shadow: inset 0 0 0 3px #091a3e !important;
    }

    /* Page-like Document Card Styling */
    .booking-inside-title {
      font-size: clamp(1.75rem, 2.8vw, 2.35rem) !important;
      letter-spacing: -0.01em;
    }

    @media (max-width: 640px) {
      .booking-document-page {
        padding: 24px 16px !important;
      }
      .booking-card-header {
        margin-bottom: 20px !important;
      }
      .booking-inside-title {
        font-size: 1.45rem !important;
      }
    }