/* Dark theme for /book.html. Applies only under html[data-theme="dark"], which
   components/preferences.js sets. The block between the sentinels is
   generated by scripts/build_dark_theme.mjs; never edit it by hand. Anything
   after it is hand-written and wins at equal specificity. */

/* DARK_THEME:GENERATED:START */
/* Generated by scripts/build_dark_theme.mjs. Do not edit by hand. */
html[data-theme="dark"]{--bg:#192030;--bg2:#171d2c;--bg3:#1d2639;--surface:#171d2c;--surface2:#1d2639;--border:#212a40;--accent:#7bb3f4;--accent2:#8abff5;--text:#c4d1d9;--muted:#afbac0;--white:#d2e7f5;--success:#7cf4cc;--warning:#f59e0b;--danger:#dc2626}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .hero-grid-bg{background-image:linear-gradient(rgba(14,103,208,0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(14,103,208,0.07) 1px, transparent 1px)}
html[data-theme="dark"] .hero-glow{background:radial-gradient(circle, rgba(14,103,208,0.12) 0%, transparent 70%)}
html[data-theme="dark"] .hero-badge{background:rgba(14,103,208,0.1);border:1px solid rgba(14,103,208,0.3);color:var(--accent)}
html[data-theme="dark"] .hero-badge::before{background:var(--accent)}
html[data-theme="dark"] h1{color:var(--white)}
html[data-theme="dark"] h1 .highlight{color:transparent}
html[data-theme="dark"] .hero-desc{color:var(--muted)}
html[data-theme="dark"] .hero-desc strong{color:var(--text)}
html[data-theme="dark"] .hero-trust{background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.25);color:var(--text)}
html[data-theme="dark"] .hero-stars{color:var(--warning)}
html[data-theme="dark"] .hero-trust-text strong{color:var(--white)}
html[data-theme="dark"] .offer-card{background:var(--surface);border:1px solid var(--border)}
html[data-theme="dark"] .offer-card:hover{border-color:var(--accent);box-shadow:0 18px 50px rgba(14,103,208,0.12)}
html[data-theme="dark"] .offer-card.popular{border-color:var(--accent)}
html[data-theme="dark"] .offer-tag{color:var(--muted)}
html[data-theme="dark"] .offer-rating{color:var(--muted)}
html[data-theme="dark"] .offer-rating svg{fill:var(--warning)}
html[data-theme="dark"] .popular-badge{background:var(--accent);color:#fff}
html[data-theme="dark"] .offer-title{color:var(--white)}
html[data-theme="dark"] .offer-desc{color:var(--muted)}
html[data-theme="dark"] .offer-bottom{border-top:1px solid var(--border)}
html[data-theme="dark"] .offer-price{color:var(--white)}
html[data-theme="dark"] .offer-price-old{color:var(--muted)}
html[data-theme="dark"] .book-btn{background:var(--#171d2c);color:#fff;border:none}
html[data-theme="dark"] .book-btn:hover{background:var(--accent)}
html[data-theme="dark"] .notice-strip{background:rgba(245, 158, 11, 0.08);border:1px solid rgba(245, 158, 11, 0.25);color:#f4b792}
html[data-theme="dark"] .notice-strip strong{color:#f4c2a5}
html[data-theme="dark"] #how-it-works{background:var(--bg2);border-top:1px solid var(--border)}
html[data-theme="dark"] .section-label{color:var(--accent)}
html[data-theme="dark"] .section-title{color:var(--white)}
html[data-theme="dark"] .section-sub{color:var(--muted)}
html[data-theme="dark"] .step{background:var(--surface);border:1px solid var(--border)}
html[data-theme="dark"] .step-num{color:var(--accent)}
html[data-theme="dark"] .step h3{color:var(--white)}
html[data-theme="dark"] .step p{color:var(--muted)}
html[data-theme="dark"] .testimonial-card{background:var(--surface);border:1px solid var(--border)}
html[data-theme="dark"] .testimonial-card:hover{box-shadow:0 14px 40px rgba(14,103,208,0.08)}
html[data-theme="dark"] .testimonial-stars{color:var(--warning)}
html[data-theme="dark"] .testimonial-body{color:var(--text)}
html[data-theme="dark"] .testimonial-meta{border-top:1px solid var(--border);color:var(--muted)}
html[data-theme="dark"] .testimonial-name{color:var(--white)}
html[data-theme="dark"] .testimonial-source-tag{background:var(--surface2);color:var(--accent)}
html[data-theme="dark"] .testimonial-skel{background:linear-gradient(90deg, var(--surface) 0%, var(--bg3) 50%, var(--surface) 100%);border:1px solid var(--border)}
html[data-theme="dark"] .faq-item{background:var(--surface);border:1px solid var(--border)}
html[data-theme="dark"] .faq-item summary{color:var(--white)}
html[data-theme="dark"] .faq-item summary::after{color:var(--accent)}
html[data-theme="dark"] .faq-item .faq-body{color:var(--muted)}
html[data-theme="dark"] .bk-modal-overlay{background:rgba(15,23,42,0.55)}
html[data-theme="dark"] .bk-modal-panel{background:var(--surface);box-shadow:0 30px 80px rgba(0,0,0,0.25)}
html[data-theme="dark"] .bk-close{background:rgba(23,29,44,0.95);border:1px solid var(--border);color:var(--muted)}
html[data-theme="dark"] .bk-close:hover{background:var(--bg3);color:var(--white)}
html[data-theme="dark"] .bk-header{border-bottom:1px solid var(--border)}
html[data-theme="dark"] .bk-event-label{color:var(--accent)}
html[data-theme="dark"] .bk-event-title{color:var(--white)}
html[data-theme="dark"] .bk-progress-step{background:var(--bg3);color:var(--muted)}
html[data-theme="dark"] .bk-progress-step.active{background:var(--accent);color:#fff}
html[data-theme="dark"] .bk-progress-step.done{background:var(--success);color:#fff}
html[data-theme="dark"] .bk-progress-line{background:var(--bg3)}
html[data-theme="dark"] .bk-progress-line.done{background:var(--success)}
html[data-theme="dark"] .bk-step h3{color:var(--white)}
html[data-theme="dark"] .bk-step .bk-step-sub{color:var(--muted)}
html[data-theme="dark"] .bk-field label{color:var(--text)}
html[data-theme="dark"] .bk-field label .bk-req{color:var(--danger)}
html[data-theme="dark"] .bk-field input,html[data-theme="dark"] .bk-field textarea,html[data-theme="dark"] .bk-field select{background:var(--bg2);border:1px solid var(--border);color:var(--white)}
html[data-theme="dark"] .bk-field input:focus,html[data-theme="dark"] .bk-field textarea:focus,html[data-theme="dark"] .bk-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(14,103,208,0.12)}
html[data-theme="dark"] .bk-field-hint{color:var(--muted)}
html[data-theme="dark"] .bk-field.bk-error input,html[data-theme="dark"] .bk-field.bk-error textarea,html[data-theme="dark"] .bk-field.bk-error select{border-color:var(--danger);background:#381c1c}
html[data-theme="dark"] .bk-field-error{color:var(--danger)}
html[data-theme="dark"] .bk-btn{border:none}
html[data-theme="dark"] .bk-btn-primary{background:var(--accent);color:#fff}
html[data-theme="dark"] .bk-btn-primary:hover:not(:disabled){background:var(--accent2)}
html[data-theme="dark"] .bk-btn-secondary{background:transparent;color:var(--muted);border:1px solid var(--border)}
html[data-theme="dark"] .bk-btn-secondary:hover{color:var(--white);border-color:var(--text)}
html[data-theme="dark"] .bk-form-error{background:#381c1c;border:1px solid #5d2e2e;color:#eb8c8c}
html[data-theme="dark"] .bk-slot-loading{color:var(--muted)}
html[data-theme="dark"] .bk-spinner{border:2px solid var(--bg3);border-top-color:var(--accent)}
html[data-theme="dark"] .bk-slot-error{background:#381c1c;border:1px solid #5d2e2e;color:#eb8c8c}
html[data-theme="dark"] .bk-slot-error a{color:#eb8c8c}
html[data-theme="dark"] .bk-slot-label{color:var(--text)}
html[data-theme="dark"] .bk-date-chip{background:var(--bg2);border:1px solid var(--border)}
html[data-theme="dark"] .bk-date-chip:hover:not(:disabled){border-color:var(--accent)}
html[data-theme="dark"] .bk-date-chip.selected{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 4px 14px rgba(14,103,208,0.25)}
html[data-theme="dark"] .bk-date-day{color:var(--muted)}
html[data-theme="dark"] .bk-date-chip.selected .bk-date-day,html[data-theme="dark"] .bk-date-chip.selected .bk-date-mon{color:rgba(255,255,255,0.85)}
html[data-theme="dark"] .bk-date-num{color:var(--white)}
html[data-theme="dark"] .bk-date-chip.selected .bk-date-num{color:#fff}
html[data-theme="dark"] .bk-date-mon{color:var(--muted)}
html[data-theme="dark"] .bk-time-chip{background:var(--bg2);border:1px solid var(--border);color:var(--text)}
html[data-theme="dark"] .bk-time-chip:hover{border-color:var(--accent);color:var(--accent)}
html[data-theme="dark"] .bk-time-chip.selected{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 14px rgba(14,103,208,0.25)}
html[data-theme="dark"] .bk-no-times{color:var(--muted)}
html[data-theme="dark"] .bk-slot-selected{background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.25);color:#b9f9e7}
html[data-theme="dark"] .bk-slot-selected svg{color:var(--success)}
html[data-theme="dark"] .bk-signin-nudge{background:var(--surface2);border:1px solid rgba(14,103,208,0.15);color:var(--text)}
html[data-theme="dark"] .bk-signin-nudge svg{color:var(--accent)}
html[data-theme="dark"] .bk-eligibility{background:#3b351d;border:1px solid #fcd34d;border-left:3px solid #d97706;color:#f4c2a5}
html[data-theme="dark"] .bk-eligibility svg{color:#f4bc7b}
html[data-theme="dark"] .bk-eligibility strong{color:#f4c2a5}
html[data-theme="dark"] .bk-check input[type="checkbox"]{accent-color:var(--accent)}
html[data-theme="dark"] .bk-check label{color:var(--text)}
html[data-theme="dark"] .bk-check.bk-error label{color:var(--danger)}
html[data-theme="dark"] .bk-check.bk-error input[type="checkbox"]{outline:2px solid var(--danger)}
html[data-theme="dark"] .offer-eligibility{color:var(--muted);border-left:2px solid #fcd34d}
html[data-theme="dark"] .bk-pay-card{background:linear-gradient(135deg, var(--surface2), var(--bg2));border:1px solid var(--border)}
html[data-theme="dark"] .bk-pay-row-label{color:var(--muted)}
html[data-theme="dark"] .bk-pay-row-value{color:var(--white)}
html[data-theme="dark"] .bk-pay-row-total{border-top:1px dashed var(--border)}
html[data-theme="dark"] .bk-pay-row-total .bk-pay-row-label{color:var(--text)}
html[data-theme="dark"] .bk-pay-amount{color:var(--white)}
html[data-theme="dark"] .bk-trust{color:var(--muted)}
html[data-theme="dark"] .bk-trust svg{color:var(--success)}
html[data-theme="dark"] .bk-success-head .bk-tick{background:rgba(16,185,129,0.12)}
html[data-theme="dark"] .bk-success-head .bk-tick svg{color:var(--success)}
html[data-theme="dark"] .bk-success-head h3{color:var(--white)}
html[data-theme="dark"] .bk-success-head p{color:var(--muted)}
html[data-theme="dark"] .bk-success-card{background:var(--surface2);border:1px solid var(--border)}
html[data-theme="dark"] .bk-success-row{border-bottom:1px dashed var(--border)}
html[data-theme="dark"] .bk-success-row:last-of-type{border-bottom:none}
html[data-theme="dark"] .bk-success-row-label{color:var(--muted)}
html[data-theme="dark"] .bk-success-row-value{color:var(--white)}
html[data-theme="dark"] .bk-next-steps{border-top:1px solid var(--border)}
html[data-theme="dark"] .bk-next-steps-title{color:var(--accent)}
html[data-theme="dark"] .bk-next-list li{color:var(--text)}
html[data-theme="dark"] .bk-next-list li::before{background:var(--surface2);color:var(--accent)}
html[data-theme="dark"] .bk-next-list li strong{color:var(--white)}
html[data-theme="dark"] .bk-next-list li em{color:var(--muted)}
/* DARK_THEME:GENERATED:END */