/* ==========================================================================
   SECTION STYLESHEET — "car-rental"
   Only rules that belong to the car rental section live here.
   Every selector is nested under the section body class so it can never leak
   into another section, even if two sections use the same class name.
   Shared patterns (header, footer, form, CTA, why-us, cards, tables, FAQ)
   live in ../../assets/css/tih-core.css and must not be duplicated here.
   ========================================================================== */

/* ---------- category tiles with a vehicle photo ---------- */
.tih-sec-car-rental .tih-cat{display:block;background:#fff;border:1px solid var(--tih-line);border-radius:10px;overflow:hidden;height:100%;box-shadow:0 2px 10px rgba(22,36,76,.05)}
.tih-sec-car-rental .tih-cat:hover{border-color:var(--tih-gold)}
.tih-sec-car-rental .tih-cat__media{display:block;position:relative;box-sizing:border-box;background:#eef1f6;padding:14px}
.tih-sec-car-rental .tih-cat__media img{object-fit:contain;display:block}
.tih-sec-car-rental .tih-cat__new{position:absolute;top:12px;left:12px;z-index:2}
.tih-sec-car-rental .tih-cat__body{display:block;padding:18px;border-top:1px solid var(--tih-line)}
.tih-sec-car-rental .tih-cat__seats{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--tih-gold);font-weight:600;margin:0 0 10px}

/* ---------- vehicle rows on category pages ---------- */
.tih-sec-car-rental .tih-veh{display:grid;grid-template-columns:260px 1fr auto;gap:28px;align-items:center;padding:24px 0;border-top:1px solid var(--tih-line)}
.tih-sec-car-rental .tih-veh__media{position:relative;height:150px;box-sizing:border-box;background:#fff;border:1px solid var(--tih-line);border-radius:8px;padding:10px;min-width:0}
.tih-sec-car-rental .tih-veh__media img{width:100%;height:100%;object-fit:contain;display:block}
.tih-sec-car-rental .tih-veh__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.tih-sec-car-rental .tih-veh__title{font-size:20px;font-weight:600;color:var(--tih-navy);margin:0;line-height:1.35}
.tih-sec-car-rental .tih-veh__text{font-size:15px;color:var(--tih-ink-soft);line-height:1.75;margin:0;max-width:640px}
.tih-sec-car-rental .tih-veh__actions{display:flex;flex-direction:column;gap:10px;min-width:190px}
@media (max-width:991.98px){
  .tih-sec-car-rental .tih-veh{grid-template-columns:1fr;gap:16px}
  .tih-sec-car-rental .tih-veh__actions{min-width:0;flex-direction:row;flex-wrap:wrap}
}

/* ---------- fleet cards on the navy band ---------- */
.tih-sec-car-rental .tih-fleet{display:block;border:1px solid rgba(255,255,255,.18);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.04);height:100%}
.tih-sec-car-rental .tih-fleet:hover{border-color:var(--tih-gold);background:rgba(255,255,255,.08)}
.tih-sec-car-rental .tih-fleet__media{display:block;position:relative;height:130px;box-sizing:border-box;background:#fff;padding:12px}
.tih-sec-car-rental .tih-fleet__media img{width:100%;height:100%;object-fit:contain;display:block}
.tih-sec-car-rental .tih-fleet__body{display:block;padding:16px 18px 18px}
.tih-sec-car-rental .tih-fleet__title{font-size:16px;color:#fff;font-weight:600;margin:0 0 8px;line-height:1.35}
.tih-sec-car-rental .tih-chip--dark{background:rgba(255,255,255,.12);color:rgba(255,255,255,.88);font-size:12px;padding:5px 10px;border-radius:4px;display:inline-block}
.tih-sec-car-rental .tih-fleet__text{font-size:13px;color:rgba(255,255,255,.7);line-height:1.65}

/* ---------- mid page CTA band ---------- */
.tih-sec-car-rental .tih-midcta{background:var(--tih-cream);border:1px solid var(--tih-cream-line);border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:24px 32px;padding:22px 26px;align-items:center}
.tih-sec-car-rental .tih-midcta h2{font-family:var(--tih-font-head);font-size:22px;color:var(--tih-navy);margin:0 0 6px;font-weight:700;line-height:1.3}
.tih-sec-car-rental .tih-midcta p{font-size:15px;color:var(--tih-ink-soft);line-height:1.65;margin:0;max-width:640px}
.tih-sec-car-rental .tih-midcta__actions{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:991.98px){ .tih-sec-car-rental .tih-midcta{grid-template-columns:1fr} }

/* ---------- included / excluded lists ---------- */
.tih-sec-car-rental .tih-tick{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--tih-ink-soft);line-height:1.7;margin-bottom:12px}
.tih-sec-car-rental .tih-tick__yes{color:#1f7a4d;font-weight:700;flex:0 0 auto}
.tih-sec-car-rental .tih-tick__no{color:var(--tih-ink-mute);font-weight:700;flex:0 0 auto}

/* ---------- spec table on vehicle pages ---------- */
.tih-sec-car-rental .tih-spec{width:100%;border-collapse:collapse;font-size:15px;margin:0}
.tih-sec-car-rental .tih-spec td{padding:14px 20px;border-top:1px solid var(--tih-line);line-height:1.6}
.tih-sec-car-rental .tih-spec td:first-child{color:var(--tih-ink-soft);width:44%;background:var(--tih-grey)}
.tih-sec-car-rental .tih-spec td:last-child{color:var(--tih-navy);font-weight:600}

/* ---------- hero spec chips ---------- */
.tih-sec-car-rental .tih-herochip{border:1px solid rgba(255,255,255,.28);color:rgba(255,255,255,.9);font-size:13px;padding:8px 15px;border-radius:999px;display:inline-block}

/* ---------- optional photo gallery (vehicle pages) ---------- */
.tih-sec-car-rental .tih-gallery__grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:150px 150px;gap:12px}
.tih-sec-car-rental .tih-gallery__item{position:relative;box-sizing:border-box;background:#fff;border:1px solid var(--tih-line);border-radius:8px;padding:10px;min-width:0}
.tih-sec-car-rental .tih-gallery__item:first-child{grid-row:span 2}
.tih-sec-car-rental .tih-gallery__item img{width:100%;height:100%;object-fit:contain;display:block}
.tih-sec-car-rental .tih-gallery__note{font-size:14px;color:var(--tih-ink-soft);line-height:1.7;margin:14px 0 0}
.tih-sec-car-rental .tih-gallery:not(:has(img)):not(:has(.tih-imgph)){display:none}
.tih-sec-car-rental .tih-gallery[data-tih-empty]{display:none}
body.tih-sec-car-rental:not(:has(#photos img)):not(:has(#photos .tih-imgph)) .tih-jump a[href="#photos"]{display:none}
body.tih-sec-car-rental:has(#photos[data-tih-empty]) .tih-jump a[href="#photos"]{display:none}
@media (max-width:991.98px){
  .tih-sec-car-rental .tih-gallery__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .tih-sec-car-rental .tih-gallery__item:first-child{grid-row:auto}
  .tih-sec-car-rental .tih-gallery__item{height:180px}
}
@media (max-width:575.98px){ .tih-sec-car-rental .tih-gallery__grid{grid-template-columns:1fr} }

/* ---------- CMS rich text region ---------- */
.tih-sec-car-rental [data-cms]{max-width:900px}
.tih-sec-car-rental [data-cms] p{font-size:16px;line-height:1.85;color:var(--tih-ink-soft);margin:0 0 18px;text-wrap:pretty}
.tih-sec-car-rental [data-cms]>p:first-child{font-size:18px;line-height:1.8;color:var(--tih-ink);border-left:3px solid var(--tih-gold);padding-left:22px;margin-bottom:26px}
.tih-sec-car-rental [data-cms] h2{font-family:var(--tih-font-head);font-size:30px;line-height:1.25;color:var(--tih-navy);font-weight:700;margin:34px 0 14px}
.tih-sec-car-rental [data-cms] h3{font-size:19px;line-height:1.4;color:var(--tih-navy);font-weight:600;margin:28px 0 12px}
.tih-sec-car-rental [data-cms] ul,.tih-sec-car-rental [data-cms] ol{margin:0 0 20px;padding-left:22px}
.tih-sec-car-rental [data-cms] li{font-size:16px;line-height:1.8;color:var(--tih-ink-soft);margin-bottom:8px}
.tih-sec-car-rental [data-cms] strong,.tih-sec-car-rental [data-cms] b{color:var(--tih-navy);font-weight:600}
.tih-sec-car-rental [data-cms] a{color:var(--tih-link)}
.tih-sec-car-rental [data-cms] a:hover{color:var(--tih-gold)}
.tih-sec-car-rental [data-cms]>*:last-child{margin-bottom:0}

/* ---------- MOBILE ---------- */
@media (max-width:767.98px){
  .tih-sec-car-rental .tih-veh{padding:20px 0}
  .tih-sec-car-rental .tih-veh__media{height:180px}
  .tih-sec-car-rental .tih-veh__actions{flex-direction:column}
  .tih-sec-car-rental .tih-veh__actions .tih-btn{width:100%;text-align:center}
  .tih-sec-car-rental .tih-veh__title{font-size:18px}
  .tih-sec-car-rental .tih-midcta{padding:20px 18px}
  .tih-sec-car-rental .tih-midcta h2{font-size:20px}
  .tih-sec-car-rental .tih-midcta__actions{flex-direction:column;align-items:stretch}
  .tih-sec-car-rental .tih-midcta__actions .tih-btn{width:100%;text-align:center}
  .tih-sec-car-rental .tih-cat__media{height:170px}
  .tih-sec-car-rental .tih-fleet__media{height:170px}
  .tih-sec-car-rental [data-cms]>p:first-child{padding-left:16px}
}
@media (max-width:575.98px){
  .tih-sec-car-rental .tih-gallery__item{height:200px}
  .tih-sec-car-rental .tih-herochip{font-size:12px;padding:7px 13px}
}
