/* =====================================================
   autopujcovna-as.css – HLAVNÍ STYLESHEET
   kompatibilní s Bootstrap 5
   ===================================================== */

/* ---------- ZÁKLAD ---------- */
:root{
  --brand-red:#dc3545;
  --text-dark:#212529;
  --text-muted:#6c757d;
  --bg-light:#f8f9fa;
}

body{
  font-family:'Open Sans',Arial,sans-serif;
  color:var(--text-dark);
  background:#fff;
  overflow-x:hidden;
}

img{
  max-width:100%;
  height:auto;
}

/* ---------- HEADER ---------- */
header{
  position:relative;
  z-index:1000;
}

.navbar-brand{
  font-weight:700;
  letter-spacing:.3px;
}

/* ---------- HERO ---------- */
.hero{
  background:var(--bg-light);
}

.hero h1{
  font-weight:700;
}

.hero .lead{
  letter-spacing:.5px;
  font-weight:600;
}

/* HERO obrázek – kulaté rohy */
section.bg-light.border-bottom .col-lg-6 img{
  border-radius:20px;
}


/* ---------- TLAČÍTKA ---------- */
.btn-danger{
  background-color:var(--brand-red);
  border-color:var(--brand-red);
}

.btn-outline-danger{
  color:var(--brand-red);
  border-color:var(--brand-red);
}

.btn-outline-danger:hover{
  background:var(--brand-red);
  color:#fff;
}

/* CTA + filtr – hezké zaoblení na mobilu */
.hero .btn{border-radius:14px}
[data-gallery-btn]{border-radius:14px}
@media (max-width:576px){
  [data-gallery-btn]{width:100%}
}

/* ---------- GALERIE / KARTY ---------- */
.tm-gallery-page{
  width:100%;
}

.tm-gallery-page.d-none{
  display:none!important;
}

.card{
  border-radius:.5rem;
}

.card-img-top{
  object-fit:contain;
}

/* ---------- FILTR VOZIDEL ---------- */
[data-gallery-btn]{
  min-width:110px;
}

/* ---------- SEKCE ---------- */
section{
  position:relative;
}

section.bg-light{
  background:var(--bg-light)!important;
}

/* ---------- POBOČKY ---------- */
.pobocky-box{
  height:100%;
}

/* ---------- VIDEO ---------- */
video{
  background:#000;
  border-radius:.5rem;
}

/* ---------- FOOTER ---------- */
footer{
  font-size:.95rem;
}

footer a{
  color:var(--text-muted);
  text-decoration:none;
}

footer a:hover{
  text-decoration:underline;
}

/* ---------- DOSTUPNOST ---------- */
:focus-visible{
  outline:2px solid var(--brand-red);
  outline-offset:2px;
}

/* ---------- auto výrazně větší na desktopu, a na mobilu se to pořád udrží v rozumné výšce ---------- */
.car-img{
  width:100%;
  max-height:300px;
  object-fit:contain;
}
@media (max-width:991.98px){
  .car-img{max-height:300px}
}