/* ZLIN 2026 – responsive stabilizace webu + čistý detail vozidla
   Načítat jako poslední CSS. Neřeže původní SEO texty, jen přebíjí staré Bootstrap 2 šířky a mobilní menu. */

html{
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  text-size-adjust:100%;
}

body.zlin-clean-responsive{
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

body.zlin-clean-responsive,
body.zlin-clean-responsive *,
body.zlin-clean-responsive *::before,
body.zlin-clean-responsive *::after{
  box-sizing:border-box!important;
}

body.zlin-clean-responsive img,
body.zlin-clean-responsive iframe,
body.zlin-clean-responsive video{
  max-width:100%!important;
}


/* První designová čistící vrstva: globální bílé pozadí pro nový responsive režim. */
html,
body.zlin-clean-responsive{
  background:#fff!important;
}
body.zlin-clean-responsive #main,
body.zlin-clean-responsive #content,
body.zlin-clean-responsive #content2,
body.zlin-clean-responsive #inner,
body.zlin-clean-responsive #inner2,
body.zlin-clean-responsive .page_title{
  background:#fff!important;
}

/* Podstránky bez slideru: header už nesmí být absolutní přes chybějící carousel. */
body.zlin-no-slider header,
body.vehicle-detail-clean header{
  position:relative!important;
}

body.zlin-no-slider #content,
body.vehicle-detail-clean #content{
  margin-top:0!important;
}

body.vehicle-detail-clean{
  background:#fff!important;
}
body.vehicle-detail-clean #content,
body.vehicle-detail-clean #content2,
body.vehicle-detail-clean #inner2{
  background:#fff!important;
}
body.vehicle-detail-clean .page_title{
  display:none!important;
}

/* Homepage: slider zůstává na desktopu, ale na mobilu nikdy. */
@media (max-width:767.98px){
  body.zlin-home-slider #slider,
  body.zlin-home-slider #camera_wrap{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.zlin-home-slider header{
    position:relative!important;
  }
  body.zlin-home-slider #content{
    margin-top:0!important;
  }
}

/* Mobilní stabilizace starých containerů/spanů. */
@media (max-width:767.98px){
  body.zlin-clean-responsive #main,
  body.zlin-clean-responsive header,
  body.zlin-clean-responsive .top2,
  body.zlin-clean-responsive #content,
  body.zlin-clean-responsive #content2,
  body.zlin-clean-responsive #inner,
  body.zlin-clean-responsive #inner2,
  body.zlin-clean-responsive footer{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-x:hidden!important;
  }
  body.zlin-clean-responsive .container{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.zlin-clean-responsive .row{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.zlin-clean-responsive [class*="span"]{
    display:block!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    flex:none!important;
  }
  body.zlin-clean-responsive .top2{
    height:auto!important;
    min-height:41px!important;
    overflow:visible!important;
  }
  body.zlin-clean-responsive .top2 .container,
  body.zlin-clean-responsive .top2 .row,
  body.zlin-clean-responsive .top2 .span12,
  body.zlin-clean-responsive .top2_inner,
  body.zlin-clean-responsive .navbar_,
  body.zlin-clean-responsive .navbar_ .navbar-inner_{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.zlin-clean-responsive .navbar_ .btn-navbar_,
  body.zlin-clean-responsive .navbar_ .btn-navbar_:hover,
  body.zlin-clean-responsive .navbar_ .btn-navbar_:focus{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:74px!important;
    height:30px!important;
    min-height:30px!important;
    margin:6px 0 5px 10px!important;
    padding:0 12px!important;
    background:#94450b!important;
    color:#fff!important;
    border:0!important;
    border-radius:4px!important;
    box-shadow:none!important;
    cursor:pointer!important;
    line-height:30px!important;
    text-align:center!important;
  }
  body.zlin-clean-responsive .navbar_ .btn-navbar_.is-open{
    background:#7E3E11!important;
  }
  body.zlin-clean-responsive .navbar_ .btn-navbar_ .icon-bar{
    display:none!important;
  }
  body.zlin-clean-responsive .mobile-menu-label{
    display:block!important;
    color:#fff!important;
    font-family:'Roboto',Arial,sans-serif!important;
    font-size:13px!important;
    line-height:30px!important;
    font-weight:700!important;
    text-transform:uppercase!important;
  }
  body.zlin-clean-responsive .nav-collapse_{
    clear:both!important;
    width:auto!important;
    max-width:calc(100% - 20px)!important;
    min-width:0!important;
    margin:0 10px 0 10px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.zlin-clean-responsive .navbar_ .nav-collapse_.collapse:not(.show){
    display:none!important;
  }
  body.zlin-clean-responsive .navbar_ .nav-collapse_.collapse.show{
    display:block!important;
    height:auto!important;
    visibility:visible!important;
    overflow:visible!important;
  }
  body.zlin-clean-responsive .navbar_ .nav{
    display:block!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:#1f1f1f!important;
  }
  body.zlin-clean-responsive .navbar_ .nav > li{
    display:block!important;
    float:none!important;
    width:100%!important;
    margin:0!important;
    white-space:normal!important;
  }
  body.zlin-clean-responsive .navbar_ .nav > li > a{
    display:block!important;
    padding:0 10px!important;
    font-size:15px!important;
    line-height:34px!important;
    white-space:normal!important;
  }
  body.zlin-clean-responsive .sub-menu ul{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
  }
}

@media (min-width:768px){
  body.zlin-clean-responsive .nav-collapse_.collapse{
    display:block!important;
    height:auto!important;
    visibility:visible!important;
    overflow:visible!important;
  }
  body.zlin-clean-responsive .mobile-menu-label{display:none;}
}

/* Detail vozidla – desktop i mobil. */
body.vehicle-detail-clean .vehicle-detail-row{
  align-items:flex-start!important;
}
body.vehicle-detail-clean .vehicle-action-buttons{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  margin-top:10px!important;
  max-width:330px!important;
  width:100%!important;
}
body.vehicle-detail-clean .vehicle-action-buttons .button0,
body.vehicle-detail-clean .vehicle-action-buttons .vehicle-whatsapp-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0 18px!important;
  box-sizing:border-box!important;
  line-height:1.1!important;
  text-align:center!important;
  text-decoration:none!important;
  border:none!important;
  border-radius:3px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.vehicle-detail-clean .vehicle-action-buttons .button0{
  background:linear-gradient(#4b4a45,#1f1f1d)!important;
  color:#c2c0bc!important;
  text-transform:uppercase!important;
}
body.vehicle-detail-clean .vehicle-action-buttons .button0:hover{color:#fff!important;}
body.vehicle-detail-clean .vehicle-action-buttons .vehicle-whatsapp-button{
  gap:8px!important;
  background:#25D366!important;
  color:#fff!important;
  border:1px solid #25D366!important;
}
body.vehicle-detail-clean .vehicle-price-sidebar{align-self:flex-start!important;}
body.vehicle-detail-clean .vehicle-price-sidebar h2{
  margin:0 0 10px 0!important;
  padding:0!important;
  font-family:'Roboto',Arial,sans-serif!important;
  font-weight:400!important;
  font-size:19px!important;
  line-height:1.22!important;
  color:#262523!important;
}
body.vehicle-detail-clean .vehicle-price-sidebar .thumb5,
body.vehicle-detail-clean .vehicle-price-sidebar .thumb5 .thumbnail{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
}
body.vehicle-detail-clean .vehicle-price-sidebar .thumb5 .caption{
  display:block!important;
  flex:none!important;
  padding:12px!important;
  font-size:13px!important;
  line-height:1.18!important;
}
body.vehicle-detail-clean .vehicle-price-sidebar h3{
  margin:0!important;
  padding:0 0 12px 0!important;
  font-size:18px!important;
  line-height:1.25!important;
}
body.vehicle-detail-clean .vehicle-price-sidebar p{
  margin:0!important;
  padding:5px 0!important;
  font-size:13px!important;
  line-height:1.18!important;
}
body.vehicle-detail-clean .vehicle-sidebar-video{
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid #e5e5e5!important;
}
body.vehicle-detail-clean .vehicle-sidebar-video-title{
  margin:0 0 8px 0!important;
  font-family:'Roboto',Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:#262523!important;
}
body.vehicle-detail-clean .vehicle-sidebar-video iframe{
  display:block!important;
  width:100%!important;
  height:135px!important;
  border:0!important;
}

@media (max-width:767.98px){
  /* Na mobilu detail auta začíná přímo menu pruhem. Logo/kontakt/slider pryč. */
  body.vehicle-detail-clean .logo_wrapper,
  body.vehicle-detail-clean .top1,
  body.vehicle-detail-clean #slider,
  body.vehicle-detail-clean #camera_wrap{
    display:none!important;
    height:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body.vehicle-detail-clean #inner2{
    padding-top:16px!important;
    padding-bottom:24px!important;
  }
  body.vehicle-detail-clean h1{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 14px 0!important;
    padding:0!important;
    font-size:22px!important;
    line-height:1.14!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.vehicle-detail-clean .thumb3,
  body.vehicle-detail-clean .thumb3 .thumbnail{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.vehicle-detail-clean .thumb3 figure,
  body.vehicle-detail-clean .thumb3 figure.img-polaroid{
    display:block!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 12px 0!important;
    padding:4px!important;
  }
  body.vehicle-detail-clean .thumb3 figure img,
  body.vehicle-detail-clean .thumb3 figure.img-polaroid img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
  }
  body.vehicle-detail-clean .thumb3 .caption{
    display:block!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.vehicle-detail-clean .thumb3 .caption ul{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 12px 0!important;
    padding-left:18px!important;
    overflow-wrap:break-word!important;
  }
  body.vehicle-detail-clean .vehicle-action-buttons{
    max-width:100%!important;
    width:100%!important;
    gap:10px!important;
  }
  body.vehicle-detail-clean .vehicle-action-buttons .button0,
  body.vehicle-detail-clean .vehicle-action-buttons .vehicle-whatsapp-button{
    width:100%!important;
    max-width:100%!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 12px!important;
  }
  body.vehicle-detail-clean .vehicle-whatsapp-button span{
    display:inline-block!important;
    max-width:100%!important;
    white-space:normal!important;
    line-height:1.15!important;
  }
  body.vehicle-detail-clean .vehicle-price-sidebar{margin-top:22px!important;}
  body.vehicle-detail-clean .vehicle-price-sidebar h2{
    font-size:20px!important;
    line-height:1.18!important;
  }
  body.vehicle-detail-clean .vehicle-sidebar-video iframe{height:170px!important;}
}

@media (max-width:360px){
  body.zlin-clean-responsive .container{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.vehicle-detail-clean h1{font-size:20px!important;}
  body.vehicle-detail-clean .vehicle-price-sidebar h2{font-size:19px!important;}
}


/* Batch 2 – mobil: odstranit starý horní hero/kontakt blok a zbytkové mezery po slideru na všech stránkách. */
@media (max-width:767.98px){
  body.zlin-clean-responsive .logo_wrapper,
  body.zlin-clean-responsive .top1,
  body.zlin-clean-responsive #slider,
  body.zlin-clean-responsive #camera_wrap{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  body.zlin-clean-responsive header{
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  body.zlin-clean-responsive #content{
    margin-top:0!important;
  }

  body.zlin-no-slider .page_title{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  body.zlin-no-slider #inner,
  body.zlin-no-slider #inner2{
    padding-top:16px!important;
  }
}


/* Kontakt – čisté karty, rychlá tlačítka a dvě kompaktní mapy. */
body.zlin-clean-responsive .zlin-contact-clean{
  padding:8px 0 34px 0!important;
  color:#262523!important;
}

body.zlin-clean-responsive .zlin-contact-hero{
  margin:0 0 22px 0!important;
  padding:22px 26px!important;
  background:#fff!important;
  border:1px solid #eeeeee!important;
  border-radius:10px!important;
  box-shadow:0 6px 18px rgba(0,0,0,.05)!important;
}

body.zlin-clean-responsive .zlin-contact-kicker{
  margin:0 0 6px 0!important;
  color:#94450b!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

body.zlin-clean-responsive .zlin-contact-hero h1{
  margin:0 0 10px 0!important;
  padding:0!important;
  color:#262523!important;
  font-family:'Roboto',Arial,sans-serif!important;
  font-size:36px!important;
  line-height:1.1!important;
  font-weight:700!important;
}

body.zlin-clean-responsive .zlin-contact-hero p,
body.zlin-clean-responsive .zlin-contact-section-title p,
body.zlin-clean-responsive .zlin-contact-muted,
body.zlin-clean-responsive .zlin-contact-note{
  margin:0!important;
  color:#5d5a55!important;
  font-size:15px!important;
  line-height:1.55!important;
}

body.zlin-clean-responsive .zlin-contact-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)!important;
  gap:18px!important;
  margin:0 0 26px 0!important;
}

body.zlin-clean-responsive .zlin-contact-card,
body.zlin-clean-responsive .zlin-map-card{
  background:#fff!important;
  border:1px solid #eeeeee!important;
  border-radius:10px!important;
  box-shadow:0 6px 18px rgba(0,0,0,.05)!important;
}

body.zlin-clean-responsive .zlin-contact-card{
  padding:22px!important;
}

body.zlin-clean-responsive .zlin-contact-card h2,
body.zlin-clean-responsive .zlin-contact-section-title h2,
body.zlin-clean-responsive .zlin-map-card h3{
  margin:0!important;
  padding:0!important;
  color:#262523!important;
  font-family:'Roboto',Arial,sans-serif!important;
  font-weight:700!important;
}

body.zlin-clean-responsive .zlin-contact-card h2{
  margin-bottom:8px!important;
  font-size:24px!important;
  line-height:1.18!important;
}

body.zlin-clean-responsive .zlin-contact-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:18px!important;
}

body.zlin-clean-responsive .zlin-contact-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:48px!important;
  padding:10px 12px!important;
  border-radius:6px!important;
  text-decoration:none!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.18!important;
  font-weight:700!important;
  border:1px solid transparent!important;
  word-break:break-word!important;
}

body.zlin-clean-responsive .zlin-contact-btn-phone{
  background:linear-gradient(#4b4a45,#1f1f1d)!important;
  color:#fff!important;
}

body.zlin-clean-responsive .zlin-contact-btn-whatsapp{
  background:#25D366!important;
  color:#fff!important;
  border-color:#25D366!important;
}

body.zlin-clean-responsive .zlin-contact-btn-mail{
  background:#f7f7f7!important;
  color:#262523!important;
  border-color:#e2e2e2!important;
}

body.zlin-clean-responsive .zlin-contact-btn:hover{
  opacity:.92!important;
}

body.zlin-clean-responsive .zlin-hours-list{
  margin-top:12px!important;
  border-top:1px solid #eeeeee!important;
}

body.zlin-clean-responsive .zlin-hours-list div{
  display:flex!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:8px 0!important;
  border-bottom:1px solid #eeeeee!important;
  font-size:14px!important;
  line-height:1.25!important;
}

body.zlin-clean-responsive .zlin-hours-list strong{
  color:#262523!important;
  font-weight:700!important;
}

body.zlin-clean-responsive .zlin-hours-list span{
  color:#262523!important;
  white-space:nowrap!important;
}

body.zlin-clean-responsive .zlin-hours-list .is-closed span{
  color:#9a3d1a!important;
  font-weight:700!important;
}

body.zlin-clean-responsive .zlin-contact-note{
  margin-top:12px!important;
  font-size:13px!important;
}

body.zlin-clean-responsive .zlin-contact-section-title{
  margin:4px 0 16px 0!important;
}

body.zlin-clean-responsive .zlin-contact-section-title h2{
  margin-bottom:5px!important;
  font-size:28px!important;
  line-height:1.18!important;
}

body.zlin-clean-responsive .zlin-map-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}

body.zlin-clean-responsive .zlin-map-card{
  overflow:hidden!important;
}

body.zlin-clean-responsive .zlin-map-card-head{
  padding:16px 18px!important;
  border-bottom:1px solid #eeeeee!important;
}

body.zlin-clean-responsive .zlin-map-card h3{
  margin-bottom:4px!important;
  font-size:19px!important;
  line-height:1.2!important;
}

body.zlin-clean-responsive .zlin-map-card p{
  margin:0!important;
  color:#5d5a55!important;
  font-size:13px!important;
  line-height:1.35!important;
}

body.zlin-clean-responsive .zlin-map-frame{
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/10!important;
  min-height:230px!important;
  background:#f5f5f5!important;
}

body.zlin-clean-responsive .zlin-map-frame iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
}

body.zlin-clean-responsive .zlin-map-open{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:10px 14px!important;
  background:#94450b!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:700!important;
  font-size:14px!important;
}

@media (max-width:767.98px){
  body.zlin-clean-responsive .zlin-contact-clean{
    padding-top:4px!important;
  }
  body.zlin-clean-responsive .zlin-contact-hero{
    margin-bottom:14px!important;
    padding:18px 16px!important;
    border-radius:8px!important;
  }
  body.zlin-clean-responsive .zlin-contact-hero h1{
    font-size:25px!important;
    line-height:1.12!important;
  }
  body.zlin-clean-responsive .zlin-contact-grid,
  body.zlin-clean-responsive .zlin-map-grid{
    display:block!important;
  }
  body.zlin-clean-responsive .zlin-contact-card,
  body.zlin-clean-responsive .zlin-map-card{
    margin-bottom:14px!important;
    border-radius:8px!important;
  }
  body.zlin-clean-responsive .zlin-contact-card{
    padding:16px!important;
  }
  body.zlin-clean-responsive .zlin-contact-actions{
    grid-template-columns:1fr!important;
  }
  body.zlin-clean-responsive .zlin-contact-btn{
    min-height:46px!important;
    font-size:14px!important;
  }
  body.zlin-clean-responsive .zlin-contact-section-title h2{
    font-size:24px!important;
  }
  body.zlin-clean-responsive .zlin-map-frame{
    aspect-ratio:auto!important;
    height:210px!important;
    min-height:210px!important;
  }
  body.zlin-clean-responsive .zlin-map-frame iframe{
    pointer-events:none!important;
  }
}

@media (min-width:768px){
  body.zlin-clean-responsive .zlin-map-frame iframe{
    pointer-events:auto!important;
  }
}