/*
  IlikoCar — UI Pro
  Objectif : rendre l'UI plus "pro" sans changer la palette existante,
  en ajoutant un accent CTA principal #FF2900.

  ⚠️ Ce fichier surcharge landing.css (ne remplace pas).
*/

:root{
  --brandHot:#FF2900;
  --brandHot2:#E62500;
  --brandHotSoft:rgba(255,41,0,.20);
}

/* Boutons principaux (CTA) */
.btn.primary{
  border-color: rgba(255,41,0,.35) !important;
  background: var(--brandHot) !important;
  color:#ffffff !important;
  box-shadow: 0 14px 34px rgba(255,41,0,.20) !important;
}
.btn.primary:hover{
  background: var(--brandHot2) !important;
  transform: translateY(-1px) scale(1.01);
}
.btn.primary:active{transform: translateY(0px) scale(.99)}
.btn.primary:focus{
  box-shadow: 0 0 0 4px var(--brandHotSoft), 0 14px 34px rgba(255,41,0,.18) !important;
}

/* Sidebar : onglet actif */
.dashLink.active{
  background: var(--brandHot) !important;
  border-color: rgba(255,41,0,.35) !important;
  box-shadow: 0 14px 34px rgba(255,41,0,.16) !important;
}

/* Logo : garde la forme mais... */
.logo{
  background: var(--brandHot) !important;
  box-shadow: 0 10px 24px rgba(255,41,0,.22) !important;
}

/* Petits détails qui rendent l'ensemble plus clean */
.dashSide{backdrop-filter: blur(10px)}
.dashPanel{box-shadow: 0 10px 24px rgba(15,23,42,.08)}
.table th{letter-spacing:.06em; text-transform:uppercase; font-size:12px}

/* Inputs focus : cohérent avec la charte */
.field:focus-within{
  box-shadow: 0 0 0 4px rgba(29,78,216,.10);
  border-color: rgba(29,78,216,.25);
}

/* Calendrier disponibilités (sélection véhicule / réservation)
   NOTE: on met des sélecteurs plus spécifiques pour éviter que le calendrier
   s'affiche "en colonne" si le CSS est en cache ou surchargé. */
[data-availability-calendar] .cal-wrap{display:grid !important; gap:12px}
[data-availability-calendar] .cal-card{border:1px solid var(--stroke) !important; border-radius:16px !important; background:rgba(255,255,255,.88) !important; overflow:hidden}
[data-availability-calendar] .cal-head{padding:10px 12px !important; border-bottom:1px solid var(--stroke) !important; background:rgba(248,250,252,.9) !important}
[data-availability-calendar] .cal-grid{display:grid !important; grid-template-columns:repeat(7, 1fr) !important; gap:6px !important; padding:12px !important}
[data-availability-calendar] .cal-dow{font-size:11px !important; font-weight:900 !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:rgba(15,23,42,.65) !important; text-align:center !important}
[data-availability-calendar] .cal-cell{height:34px !important; border-radius:10px !important; display:grid !important; place-items:center !important; font-weight:900 !important; font-size:12px !important; border:1px solid rgba(15,23,42,.08) !important}
[data-availability-calendar] .cal-empty{border:none !important; background:transparent !important}
[data-availability-calendar] .cal-cell.is-free{background:rgba(34,197,94,.06) !important}
[data-availability-calendar] .cal-cell.is-pending{background:rgba(148,163,184,.28) !important; color:rgba(15,23,42,.62) !important}
[data-availability-calendar] .cal-cell.is-booked{background:rgba(148,163,184,.45) !important; color:rgba(15,23,42,.72) !important}
[data-availability-calendar] .cal-cell.is-blocked{background:rgba(148,163,184,.55) !important; color:rgba(15,23,42,.72) !important}
@media (max-width: 640px){
  [data-availability-calendar] .cal-grid{gap:5px !important; padding:10px !important}
  [data-availability-calendar] .cal-cell{height:30px !important; border-radius:9px !important}
}