/* ============================================================
   booking-themes.css — R88: Booking TEMALAR (admin paneldən seçilir)
   Hər tema body.btheme-{key} altında scoped-dur — default dizayn qorunur.
   Uyğunluq: index (hero widget), booking.php (2-ci səhifə), checkout,
   header/footer. Hər tema mobil-responsive (≤768px, ≤480px).
   ============================================================ */

/* ---------- 1) DEFAULT BLUE — klasik açıq-göy korporativ (nötr) ---------- */
body.btheme-default-blue{ --t-accent:#2563eb; --t-accent-2:#1d4ed8; --t-dark:#1e293b; --t-soft:#eff6ff; --t-card:#ffffff; --t-page:#f8fafc; --t-border:#e2e8f0; --t-muted:#64748b; --t-radius:10px; }
body.btheme-default-blue .hero{ background:linear-gradient(180deg,#eff6ff 0%,#f8fafc 100%); }
body.btheme-default-blue .btn-primary{ background:var(--t-dark); }
body.btheme-default-blue .service-tab.active{ color:var(--t-accent); border-color:var(--t-accent); }
body.btheme-default-blue .field input:focus, body.btheme-default-blue .field select:focus{ border-color:var(--t-accent); box-shadow:0 0 0 3px rgba(37,99,235,.15); }

/* ---------- 2) OCEAN — dərin mavi, yumşaq kölgələr ---------- */
body.btheme-ocean{ --t-accent:#0284c7; --t-accent-2:#0369a1; --t-dark:#0c4a6e; --t-soft:#e0f2fe; --t-card:#ffffff; --t-page:#f0f9ff; --t-border:#bae6fd; --t-muted:#64748b; --t-radius:14px; }
body.btheme-ocean .hero{ background:linear-gradient(135deg,#e0f2fe 0%,#f0f9ff 60%,#ffffff 100%); }
body.btheme-ocean .widget-card, body.btheme-ocean .hero-widget{ border-radius:var(--t-radius); border-color:var(--t-border); box-shadow:0 10px 40px rgba(2,132,199,.12); }
body.btheme-ocean .btn-primary{ background:linear-gradient(135deg,var(--t-accent),var(--t-accent-2)); border-radius:12px; box-shadow:0 6px 18px rgba(2,132,199,.35); }
body.btheme-ocean .btn-primary:hover{ filter:brightness(1.05); }
body.btheme-ocean .service-tab.active{ color:var(--t-accent); border-color:var(--t-accent); }
body.btheme-ocean .field input, body.btheme-ocean .field select{ border-radius:10px; border-color:var(--t-border); }
body.btheme-ocean .field input:focus, body.btheme-ocean .field select:focus{ border-color:var(--t-accent); box-shadow:0 0 0 4px rgba(2,132,199,.12); }
body.btheme-ocean .fleet-mini-card{ border-radius:12px; border-color:var(--t-border); }
body.btheme-ocean .site-footer{ background:#0c4a6e; color:#e0f2fe; }

/* ---------- 3) ROYAL — tünd göy + qızılı aksent ---------- */
body.btheme-royal{ --t-accent:#b45309; --t-accent-2:#92400e; --t-dark:#1e3a8a; --t-soft:#eef2ff; --t-card:#ffffff; --t-page:#eef2ff; --t-border:#c7d2fe; --t-muted:#475569; --t-radius:12px; }
body.btheme-royal .hero{ background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 55%,#2563eb 100%); }
body.btheme-royal .widget-card, body.btheme-royal .hero-widget{ border-radius:var(--t-radius); box-shadow:0 18px 50px rgba(30,58,138,.35); }
body.btheme-royal .btn-primary{ background:linear-gradient(135deg,#d97706,#b45309); box-shadow:0 6px 16px rgba(180,83,9,.4); }
body.btheme-royal .service-tab.active{ color:#fbbf24; border-color:#fbbf24; }
body.btheme-royal .widget-title{ color:#1e3a8a; }
body.btheme-royal .field input:focus, body.btheme-royal .field select:focus{ border-color:#1d4ed8; box-shadow:0 0 0 4px rgba(30,64,175,.12); }
body.btheme-royal .site-header{ background:#1e3a8a; }
body.btheme-royal .site-header .logo, body.btheme-royal .header-center-nav a{ color:#fff; }
body.btheme-royal .site-footer{ background:#172554; color:#e0e7ff; }

/* ---------- 4) EMERALD — yaşıl korporativ ---------- */
body.btheme-emerald{ --t-accent:#059669; --t-accent-2:#047857; --t-dark:#064e3b; --t-soft:#d1fae5; --t-card:#ffffff; --t-page:#f0fdf4; --t-border:#a7f3d0; --t-muted:#64748b; --t-radius:12px; }
body.btheme-emerald .hero{ background:linear-gradient(135deg,#d1fae5 0%,#f0fdf4 100%); }
body.btheme-emerald .btn-primary{ background:linear-gradient(135deg,#10b981,#059669); box-shadow:0 6px 18px rgba(5,150,105,.35); }
body.btheme-emerald .service-tab.active{ color:var(--t-accent); border-color:var(--t-accent); }
body.btheme-emerald .field input:focus, body.btheme-emerald .field select:focus{ border-color:var(--t-accent); box-shadow:0 0 0 4px rgba(16,185,129,.14); }
body.btheme-emerald .fleet-mini-card{ border-color:var(--t-border); }
body.btheme-emerald .site-footer{ background:#064e3b; color:#d1fae5; }

/* ---------- 5) MIDNIGHT — tünd rejim ---------- */
body.btheme-midnight{ --t-accent:#38bdf8; --t-accent-2:#0ea5e9; --t-dark:#e2e8f0; --t-soft:#1e293b; --t-card:#111827; --t-page:#0b1220; --t-border:#334155; --t-muted:#94a3b8; --t-radius:14px; }
body.btheme-midnight, body.btheme-midnight body{ background:var(--t-page); color:var(--t-dark); }
body.btheme-midnight .site-header{ background:#111827; border-color:var(--t-border); }
body.btheme-midnight .site-header .logo, body.btheme-midnight .header-center-nav a, body.btheme-midnight .lang-current{ color:#e2e8f0; }
body.btheme-midnight .hero{ background:radial-gradient(1200px 400px at 50% -10%, #1e293b 0%, #0b1220 60%); }
body.btheme-midnight .widget-card, body.btheme-midnight .hero-widget, body.btheme-midnight .fleet-mini-card, body.btheme-midnight .booking-form-panel{ background:var(--t-card); border-color:var(--t-border); box-shadow:0 20px 60px rgba(0,0,0,.5); }
body.btheme-midnight .widget-title, body.btheme-midnight .fleet-mini-name{ color:#f1f5f9; }
body.btheme-midnight .field label{ color:var(--t-muted); }
body.btheme-midnight .field input, body.btheme-midnight .field select, body.btheme-midnight .field textarea{ background:#0f172a; border-color:var(--t-border); color:#e2e8f0; }
body.btheme-midnight .field input::placeholder{ color:#64748b; }
body.btheme-midnight .btn-primary{ background:linear-gradient(135deg,#0ea5e9,#6366f1); box-shadow:0 8px 24px rgba(14,165,233,.4); }
body.btheme-midnight .service-tab{ color:var(--t-muted); }
body.btheme-midnight .service-tab.active{ color:var(--t-accent); border-color:var(--t-accent); }
body.btheme-midnight .trust-row{ color:#94a3b8; }
body.btheme-midnight .site-footer{ background:#0f172a; color:#94a3b8; border-color:var(--t-border); }

/* ---------- 6) SUNSET — isti narıncı/qızılı ---------- */
body.btheme-sunset{ --t-accent:#ea580c; --t-accent-2:#c2410c; --t-dark:#431407; --t-soft:#ffedd5; --t-card:#ffffff; --t-page:#fff7ed; --t-border:#fed7aa; --t-muted:#78716c; --t-radius:16px; }
body.btheme-sunset .hero{ background:linear-gradient(135deg,#ffedd5 0%,#fff7ed 55%,#fef3c7 100%); }
body.btheme-sunset .btn-primary{ background:linear-gradient(135deg,#f97316,#ea580c); border-radius:14px; box-shadow:0 8px 20px rgba(234,88,12,.35); }
body.btheme-sunset .service-tab.active{ color:var(--t-accent); border-color:var(--t-accent); }
body.btheme-sunset .field input:focus, body.btheme-sunset .field select:focus{ border-color:var(--t-accent); box-shadow:0 0 0 4px rgba(249,115,22,.15); }
body.btheme-sunset .widget-card{ border-radius:var(--t-radius); }
body.btheme-sunset .site-footer{ background:#431407; color:#ffedd5; }

/* ---------- 7) PLUM — zeytun-bənövşəyi premium ---------- */
body.btheme-plum{ --t-accent:#7c3aed; --t-accent-2:#6d28d9; --t-dark:#2e1065; --t-soft:#ede9fe; --t-card:#ffffff; --t-page:#faf5ff; --t-border:#ddd6fe; --t-muted:#6b7280; --t-radius:14px; }
body.btheme-plum .hero{ background:linear-gradient(135deg,#ede9fe 0%,#faf5ff 100%); }
body.btheme-plum .btn-primary{ background:linear-gradient(135deg,#8b5cf6,#7c3aed); box-shadow:0 8px 22px rgba(124,58,237,.35); }
body.btheme-plum .service-tab.active{ color:var(--t-accent); border-color:var(--t-accent); }
body.btheme-plum .field input:focus{ border-color:var(--t-accent); box-shadow:0 0 0 4px rgba(139,92,246,.14); }
body.btheme-plum .site-footer{ background:#2e1065; color:#ede9fe; }

/* ---------- 8) ROSE — çəhrayı müştəri-xidməti ---------- */
body.btheme-rose{ --t-accent:#e11d48; --t-accent-2:#be123c; --t-dark:#4c0519; --t-soft:#ffe4e6; --t-card:#ffffff; --t-page:#fff1f2; --t-border:#fecdd3; --t-muted:#78716c; --t-radius:16px; }
body.btheme-rose .hero{ background:linear-gradient(135deg,#ffe4e6 0%,#fff1f2 100%); }
body.btheme-rose .btn-primary{ background:linear-gradient(135deg,#f43f5e,#e11d48); box-shadow:0 8px 20px rgba(225,29,72,.3); }
body.btheme-rose .service-tab.active{ color:var(--t-accent); border-color:var(--t-accent); }
body.btheme-rose .field input:focus{ border-color:var(--t-accent); box-shadow:0 0 0 4px rgba(244,63,94,.13); }
body.btheme-rose .site-footer{ background:#4c0519; color:#ffe4e6; }

/* ---------- 9) SLATE — minimal qəhvəyi-boz professional ---------- */
body.btheme-slate{ --t-accent:#0f172a; --t-accent-2:#1e293b; --t-dark:#0f172a; --t-soft:#f1f5f9; --t-card:#ffffff; --t-page:#f8fafc; --t-border:#e2e8f0; --t-muted:#64748b; --t-radius:8px; }
body.btheme-slate .hero{ background:var(--t-page); }
body.btheme-slate .widget-card{ box-shadow:none; border-width:2px; }
body.btheme-slate .btn-primary{ background:var(--t-accent); border-radius:8px; }
body.btheme-slate .service-tab.active{ color:var(--t-accent); border-color:var(--t-accent); }
body.btheme-slate .field input{ border-radius:6px; }
body.btheme-slate .field input:focus{ border-color:var(--t-accent); box-shadow:0 0 0 2px rgba(15,23,42,.1); }

/* ---------- 10) SKY — yüngül göy minimal ---------- */
body.btheme-sky{ --t-accent:#0ea5e9; --t-accent-2:#0284c7; --t-dark:#0f172a; --t-soft:#e0f2fe; --t-card:#ffffff; --t-page:#f8fafc; --t-border:#e0f2fe; --t-muted:#64748b; --t-radius:18px; }
body.btheme-sky .hero{ background:linear-gradient(180deg,#e0f2fe 0%,#f8fafc 90%); }
body.btheme-sky .widget-card, body.btheme-sky .hero-widget{ border-radius:var(--t-radius); border:2px solid #e0f2fe; }
body.btheme-sky .btn-primary{ background:linear-gradient(135deg,#38bdf8,#0ea5e9); border-radius:999px; padding:14px; }
body.btheme-sky .service-tab.active{ color:var(--t-accent); border-color:var(--t-accent); }
body.btheme-sky .field input, body.btheme-sky .field select{ border-radius:12px; }
body.btheme-sky .field input:focus{ border-color:var(--t-accent); box-shadow:0 0 0 4px rgba(14,165,233,.12); }

/* ---------- 11) FOREST — tünd yaşıl sabit ---------- */
body.btheme-forest{ --t-accent:#166534; --t-accent-2:#14532d; --t-dark:#052e16; --t-soft:#dcfce7; --t-card:#ffffff; --t-page:#f7fee7; --t-border:#bbf7d0; --t-muted:#4b5563; --t-radius:10px; }
body.btheme-forest .hero{ background:linear-gradient(135deg,#dcfce7 0%,#f7fee7 100%); }
body.btheme-forest .btn-primary{ background:linear-gradient(135deg,#16a34a,#166534); }
body.btheme-forest .service-tab.active{ color:var(--t-accent); border-color:var(--t-accent); }
body.btheme-forest .field input:focus{ border-color:var(--t-accent); box-shadow:0 0 0 4px rgba(22,101,52,.12); }
body.btheme-forest .site-footer{ background:#052e16; color:#dcfce7; }

/* ---------- 12) COCOA — isti qəhvəyi premium ---------- */
body.btheme-cocoa{ --t-accent:#92400e; --t-accent-2:#78350f; --t-dark:#451a03; --t-soft:#fef3c7; --t-card:#fffdf8; --t-page:#fffbeb; --t-border:#fde68a; --t-muted:#78716c; --t-radius:12px; }
body.btheme-cocoa .hero{ background:linear-gradient(135deg,#fef3c7 0%,#fffbeb 100%); }
body.btheme-cocoa .btn-primary{ background:linear-gradient(135deg,#b45309,#92400e); }
body.btheme-cocoa .service-tab.active{ color:var(--t-accent); border-color:var(--t-accent); }
body.btheme-cocoa .field input:focus{ border-color:var(--t-accent); box-shadow:0 0 0 4px rgba(180,83,9,.12); }
body.btheme-cocoa .site-footer{ background:#451a03; color:#fef3c7; }

/* ============================================================
   TƏKMİLLƏŞDIRMƏLƏR — bütün temalara tətbiq olunan booking-uyğun detallar
   (yalnız body.btheme-* altında — default sayt dəyişmir)
   ============================================================ */

/* CTA hover hərəkəti */
body[class*="btheme-"] .btn-primary{ transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; }
body[class*="btheme-"] .btn-primary:hover{ transform:translateY(-1px); }
body[class*="btheme-"] .btn-primary:active{ transform:translateY(0); }

/* Fleet kartları hover */
body[class*="btheme-"] .fleet-mini-card{ transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease; }
body[class*="btheme-"] .fleet-mini-card:hover{ transform:translateY(-2px); box-shadow:0 10px 30px rgba(0,0,0,.08); }

/* booking.php 2-ci səhifə paneli */
body[class*="btheme-"] .booking-form-panel{ border-radius:12px; }
body[class*="btheme-"] .route-summary{ border-radius:12px; }
body[class*="btheme-"] .vehicle-list .vehicle-item{ border-radius:10px; }

/* Fokus görünməsi (accessibility) */
body[class*="btheme-"] a:focus-visible, body[class*="btheme-"] button:focus-visible, body[class*="btheme-"] input:focus-visible{ outline:2px solid var(--t-accent, #2563eb); outline-offset:2px; }

/* ============================================================
   MOBİL RESPONSIVE — hər tema üçün
   ============================================================ */
@media (max-width:768px){
  body[class*="btheme-"] .widget-card, body[class*="btheme-"] .hero-widget{ margin:20px 12px; padding:18px; max-width:none; }
  body[class*="btheme-"] .service-tab{ min-width:100px; font-size:12px; }
  body[class*="btheme-"] .fleet-mini-card img{ width:72px; height:54px; }
  body[class*="btheme-"] .btn-primary{ padding:14px; font-size:16px; }
  body[class*="btheme-"] .site-header-inner{ padding:12px 14px; }
  body[class*="btheme-"] .booking-form-panel{ margin:12px; padding:16px; }
  body[class*="btheme-"] .route-summary{ padding:14px; }
}
@media (max-width:480px){
  body[class*="btheme-"] .widget-card, body[class*="btheme-"] .hero-widget{ margin:14px 8px; padding:16px; border-radius:12px; }
  body[class*="btheme-"] .service-tabs{ gap:4px; }
  body[class*="btheme-"] .service-tab{ flex:1 1 100%; border-bottom:1px solid var(--t-border, #e2e8f0); }
  body[class*="btheme-"] .fleet-mini-card img{ width:64px; height:48px; }
  body[class*="btheme-"] .trust-row{ flex-wrap:wrap; gap:8px; font-size:11px; }
  body[class*="btheme-"] .field input, body[class*="btheme-"] .field select{ font-size:16px; /* iOS zoom qarşısı */ }
}

/* prefers-reduced-motion */
@media (prefers-reduced-motion:reduce){
  body[class*="btheme-"] *{ transition:none !important; animation:none !important; }
}