/* =========================================================
   O NÁS / VOZIDLA – nový čistý design
   ========================================================= */

#page-about-vozidla{
    --veh-navy:#0b3e62;
    --veh-blue:#0b78b7;
    --veh-line:#cfe0ea;
    --veh-soft:#f4f8fb;
    --veh-text:#16364d;
    --veh-muted:#728898;
}

/* horní přepínače kategorií */
#page-about-vozidla .vehicle-category-tabs{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
    margin:14px 0 16px !important;
    padding:7px !important;
    border:1px solid #d6e3eb !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:0 5px 16px rgba(23,60,84,.06) !important;
}

#page-about-vozidla .vehicle-category-tab{
    position:relative !important;
    min-height:44px !important;
    padding:9px 12px !important;
    border:0 !important;
    border-radius:8px !important;
    background:transparent !important;
    color:#647d8f !important;
    font-size:.72rem !important;
    font-weight:800 !important;
    box-shadow:none !important;
    transform:none !important;
}

#page-about-vozidla .vehicle-category-tab i{
    color:#7c95a7 !important;
    font-size:.78rem !important;
}

#page-about-vozidla .vehicle-category-tab:hover{
    background:#f1f6f9 !important;
    color:#174460 !important;
}

#page-about-vozidla .vehicle-category-tab.active{
    background:var(--veh-navy) !important;
    color:#fff !important;
    box-shadow:0 4px 10px rgba(11,62,98,.16) !important;
}

#page-about-vozidla .vehicle-category-tab.active i{
    color:#fff !important;
}

/* hlavní bílý blok */
#page-about-vozidla .vehicle-category-section{
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid #d7e4ec !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 10px 25px rgba(19,57,82,.08) !important;
}

/* záhlaví kategorie */
#page-about-vozidla .vehicle-category-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    padding:18px 20px !important;
    border-bottom:1px solid #dce7ed !important;
    background:#f8fbfd !important;
}

#page-about-vozidla .vehicle-category-kicker{
    margin:0 0 2px !important;
    color:#1685bf !important;
    font-size:.58rem !important;
    font-weight:900 !important;
    letter-spacing:.7px !important;
}

#page-about-vozidla .vehicle-category-header h3{
    margin:0 0 4px !important;
    color:#123a56 !important;
    font-family:'Plus Jakarta Sans',sans-serif !important;
    font-size:1.05rem !important;
    font-weight:850 !important;
}

#page-about-vozidla .vehicle-category-header p{
    margin:0 !important;
    color:#728898 !important;
    font-size:.7rem !important;
    line-height:1.45 !important;
}

#page-about-vozidla .vehicle-category-count{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:62px !important;
    min-height:29px !important;
    padding:0 10px !important;
    border:1px solid #bed8e7 !important;
    border-radius:999px !important;
    background:#edf6fb !important;
    color:#0a6ea8 !important;
    font-size:.61rem !important;
    font-weight:900 !important;
}

/* mřížka vozidel */
#page-about-vozidla .about-vehicle-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
    padding:16px !important;
    background:#f5f8fa !important;
}

/* karta vozidla */
#page-about-vozidla .about-vehicle-card{
    min-width:0 !important;
    overflow:hidden !important;
    border:1px solid #d8e4eb !important;
    border-radius:11px !important;
    background:#fff !important;
    box-shadow:0 4px 12px rgba(21,58,82,.055) !important;
    transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

#page-about-vozidla .about-vehicle-card:hover{
    transform:translateY(-2px) !important;
    border-color:#9dc6dc !important;
    box-shadow:0 9px 20px rgba(21,58,82,.10) !important;
}

/* fotografie */
#page-about-vozidla .about-vehicle-media{
    position:relative !important;
    height:auto !important;
    aspect-ratio:16/9 !important;
    overflow:hidden !important;
    background:#eaf1f5 !important;
    border-bottom:1px solid #dce6ec !important;
}

#page-about-vozidla .about-vehicle-media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center !important;
}

/* štítek kategorie */
#page-about-vozidla .about-vehicle-category-badge{
    position:absolute !important;
    left:10px !important;
    top:10px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    padding:5px 8px !important;
    border:1px solid rgba(255,255,255,.55) !important;
    border-radius:6px !important;
    background:rgba(8,48,75,.90) !important;
    color:#fff !important;
    backdrop-filter:blur(5px) !important;
    font-size:.55rem !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.25px !important;
}

/* editace admin */
#page-about-vozidla .about-vehicle-edit-btn{
    right:10px !important;
    top:10px !important;
    padding:6px 9px !important;
    border:1px solid rgba(255,255,255,.55) !important;
    border-radius:6px !important;
    background:rgba(255,255,255,.94) !important;
    color:#73520b !important;
    font-size:.59rem !important;
    box-shadow:0 3px 8px rgba(0,0,0,.12) !important;
}

/* informace pod obrázkem */
#page-about-vozidla .about-vehicle-body{
    padding:14px 15px 15px !important;
}

#page-about-vozidla .about-vehicle-body h4{
    margin:0 0 11px !important;
    color:#133850 !important;
    font-family:'Plus Jakarta Sans',sans-serif !important;
    font-size:.92rem !important;
    font-weight:850 !important;
    line-height:1.35 !important;
}

#page-about-vozidla .about-vehicle-driver-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding-top:10px !important;
    border-top:1px solid #e3ebf0 !important;
}

#page-about-vozidla .about-vehicle-driver-row span{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    color:#738999 !important;
    font-size:.56rem !important;
    font-weight:850 !important;
    text-transform:uppercase !important;
    letter-spacing:.25px !important;
}

#page-about-vozidla .about-vehicle-driver-row span i{
    color:#1283bd !important;
}

#page-about-vozidla .about-vehicle-driver-row strong{
    min-width:0 !important;
    color:#173e57 !important;
    font-size:.67rem !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    text-align:right !important;
}

/* prázdná kategorie */
#page-about-vozidla .about-vehicle-empty{
    min-height:250px !important;
    color:#8396a3 !important;
}

#page-about-vozidla .about-vehicle-empty i{
    color:#8bbcd5 !important;
}

#page-about-vozidla .about-vehicle-empty strong{
    color:#244a63 !important;
}

/* Přidat vozidlo – sjednotit s webem */
#page-about-vozidla .vehicle-add-btn{
    min-height:36px !important;
    padding:8px 12px !important;
    border:1px solid #b8d8c7 !important;
    border-radius:7px !important;
    background:#f3fbf6 !important;
    color:#23764d !important;
    box-shadow:none !important;
}

#page-about-vozidla .vehicle-add-btn:hover{
    border-color:#6eb38d !important;
    background:#e9f7ef !important;
    color:#165b39 !important;
}

/* editor vozidla - světlejší a přehlednější */
#about-vehicle-editor-modal .modal-content{
    border:1px solid #d5e2ea !important;
    background:#fff !important;
    color:#17384e !important;
}

#about-vehicle-editor-modal .vehicle-editor-photo{
    border:1px dashed #b9cfdd !important;
    background:#f4f8fb !important;
}

#about-vehicle-editor-modal .vehicle-editor-photo-empty{
    color:#7c919f !important;
}

@media(max-width:1150px){
    #page-about-vozidla .about-vehicle-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:760px){
    #page-about-vozidla .vehicle-category-tabs{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    #page-about-vozidla .about-vehicle-grid{
        grid-template-columns:1fr !important;
        padding:12px !important;
    }

    #page-about-vozidla .vehicle-category-header{
        align-items:flex-start !important;
    }

    #page-about-vozidla .about-vehicle-driver-row{
        align-items:flex-start !important;
        flex-direction:column !important;
        gap:5px !important;
    }

    #page-about-vozidla .about-vehicle-driver-row strong{
        text-align:left !important;
    }
}