﻿/* Deepam Cabs — Fleet cards (css_v2) */
#fleet.section--alt{
  background:var(--bg-light);
  border-top:1px solid rgba(17,24,39,.06);
  border-bottom:1px solid rgba(17,24,39,.06);
}
.fleet-card{
  position:relative;
  background:var(--white);
  border:1px solid rgba(17,24,39,.1);
  border-radius:18px;
  overflow:hidden;
  transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);
  display:flex;flex-direction:column;height:100%;width:100%;
  box-shadow:0 12px 32px rgba(17,24,39,.1),0 4px 12px rgba(17,24,39,.06);
}
.fleet-card::before{
  content:"";
  position:absolute;inset:0 0 auto 0;height:3px;
  background:linear-gradient(90deg,var(--green) 0%,#5fd46e 100%);
  opacity:0;transition:opacity var(--transition);
  z-index:1;
}
.fleet-card:hover{
  border-color:rgba(57,181,74,.35);
  box-shadow:0 20px 44px rgba(17,24,39,.1);
  transform:translateY(-5px);
}
.fleet-card:hover::before{opacity:1}
.fleet-card__media{display:block;color:inherit;text-decoration:none}
.fleet-card__media:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.fleet-section__links{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 24px;
  margin-top:2.5rem;
}
.fleet-section__note{font-size:.9375rem;color:var(--muted);margin:0}
.fleet-section__note a{color:var(--green);font-weight:600;text-decoration:none}
.fleet-section__note a:hover{text-decoration:underline}
.fleet-card__img{
  position:relative;aspect-ratio:16/10;background:linear-gradient(180deg,#f3f6f9 0%,#e8eef4 100%);
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.fleet-card__img img{
  width:auto;height:auto;max-width:calc(100% - 28px);max-height:calc(100% - 20px);
  padding:10px 14px;
  transition:transform .35s ease;
}
.fleet-card:hover .fleet-card__img img{transform:scale(1.03)}
.fleet-card__badge{
  position:absolute;top:12px;left:12px;z-index:1;
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 10px;border-radius:999px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(57,181,74,.18);
  font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--green-dark);
  box-shadow:0 4px 12px rgba(17,24,39,.08);
}
.fleet-card__badge-dot{
  width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;
}
.fleet-card__body{
  padding:16px 16px 18px;display:flex;flex-direction:column;flex:1 1 auto;gap:12px;
  background:linear-gradient(180deg,var(--white) 0%,#fcfdfd 100%);
}
.fleet-card__title-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.fleet-card h3{
  font-size:1rem;font-weight:800;color:var(--primary);margin:0;line-height:1.3;flex:1 1 auto;
}
.fleet-card h3 a{color:inherit;text-decoration:none}
.fleet-card h3 a:hover{color:var(--green-dark)}
.fleet-card__seats{
  display:inline-flex;align-items:center;gap:4px;flex-shrink:0;
  padding:4px 8px;border-radius:999px;
  background:var(--white);border:1px solid rgba(17,24,39,.1);
  font-size:.8125rem;font-weight:700;color:var(--text);
  box-shadow:0 1px 4px rgba(17,24,39,.05);
}
.fleet-card__seat-icon{width:15px;height:15px;color:var(--green-dark)}
.fleet-card__fare-block{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;
  padding:10px 12px;border-radius:12px;
  background:rgba(236,253,243,.45);
  border:1px solid rgba(57,181,74,.12);
}
.fleet-card__mini-list{
  margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;
}
.fleet-card__mini-row{
  display:flex;align-items:center;gap:8px;min-width:0;
}
.fleet-card__mini-icon{
  flex-shrink:0;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;
}
.fleet-card__mini-icon svg{width:16px;height:16px}
.fleet-card__mini-icon--fare{color:#e6a817}
.fleet-card__mini-icon--km{color:var(--green-dark)}
.fleet-card__mini-icon--bata{color:#e05252}
.fleet-card__mini-icon--night{color:#6366f1}
.fleet-card__mini-text{
  font-size:.8125rem;font-weight:600;color:var(--muted);line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.fleet-card__fare-highlight{
  font-size:clamp(1.375rem,4vw,1.75rem);font-weight:800;color:var(--green-dark);
  line-height:1;letter-spacing:-.02em;text-align:right;white-space:nowrap;
}
.fleet-card__fare-highlight span{
  font-size:.8125rem;font-weight:700;color:var(--green);
}
.fleet-card__extras-line{
  margin:0;font-size:.75rem;line-height:1.45;color:var(--text);font-weight:500;
}
.fleet-card__actions{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;
}
.btn-fleet-book,.btn-fleet-wa{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:42px;padding:0 12px;border-radius:12px;
  font-family:var(--font-booking);font-size:.8125rem;font-weight:700;
  text-decoration:none;text-align:center;white-space:nowrap;
  transition:transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease,filter var(--dur-fast) ease,border-color var(--transition),color var(--transition),background var(--transition);
}
.btn-fleet-book{
  color:var(--white);border:1px solid transparent;
  background:linear-gradient(180deg,#42c052 0%,var(--green) 50%,#2f9e3f 100%);
  box-shadow:0 4px 14px rgba(57,181,74,.24),inset 0 1px 0 rgba(255,255,255,.12);
}
.btn-fleet-book:hover{
  filter:brightness(1.03);transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(57,181,74,.3);color:var(--white);
}
.btn-fleet-book:active{transform:translateY(0)}
.btn-fleet-wa{
  color:var(--primary);background:var(--white);
  border:1.5px solid var(--border);
  box-shadow:0 2px 8px rgba(17,24,39,.04);
}
.btn-fleet-wa svg{width:16px;height:16px;flex-shrink:0;color:#25D366}
.btn-fleet-wa:hover{
  border-color:rgba(57,181,74,.45);color:var(--green-dark);
  transform:translateY(-1px);box-shadow:0 4px 14px rgba(17,24,39,.08);
}
.fleet-grid__status{text-align:center;padding:2rem 1rem;color:var(--muted)}
.fleet-grid__status--error{color:var(--text)}
.fleet-grid__loading{margin:0;font-size:.9375rem}
.fleet-section__disclaimer{
  max-width:720px;margin:1.5rem auto 0;
  font-size:.8125rem;line-height:1.6;color:var(--muted);text-align:center;
}

@media (max-width:767px){
  .fleet-card__fare-block{grid-template-columns:1fr auto;gap:8px 10px}
  .fleet-card__fare-highlight{font-size:1.375rem}
  .btn-fleet-book,.btn-fleet-wa{min-height:40px;font-size:.75rem}
}

@media (max-width:359px){
  .fleet-card__actions{grid-template-columns:1fr}
}
