/* =========================================================
   NÁVODY – světlý oficiální design jako Kontakty / Zákony
   ========================================================= */

/* Hledání */
#page-navody .guides-toolbar{
    position:relative !important;
    display:block !important;
    margin-bottom:22px !important;
}

#page-navody .guides-search{
    width:100% !important;
    height:48px !important;
    padding:0 17px 0 46px !important;
    border:1px solid #cedce6 !important;
    border-radius:9px !important;
    outline:none !important;
    background:#fff !important;
    color:#17384f !important;
    font-family:'Plus Jakarta Sans',sans-serif !important;
    font-size:.82rem !important;
    font-weight:600 !important;
    box-shadow:0 4px 12px rgba(19,55,78,.04) !important;
    transition:border-color .16s ease,box-shadow .16s ease !important;
}

#page-navody .guides-toolbar::before{
    content:'\f002' !important;
    position:absolute !important;
    left:17px !important;
    top:50% !important;
    z-index:2 !important;
    transform:translateY(-50%) !important;
    color:#0879b9 !important;
    font-family:'Font Awesome 6 Free' !important;
    font-weight:900 !important;
    font-size:.82rem !important;
    pointer-events:none !important;
}

#page-navody .guides-search::placeholder{
    color:#93a5b2 !important;
    font-weight:500 !important;
}

#page-navody .guides-search:focus{
    border-color:#168ec9 !important;
    box-shadow:0 0 0 3px rgba(22,142,201,.08),0 4px 12px rgba(19,55,78,.04) !important;
}

/* Mřížka */
#page-navody .guides-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
}

/* Karty */
#page-navody .guide-card{
    position:relative !important;
    display:grid !important;
    grid-template-columns:50px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:15px !important;
    min-height:104px !important;
    padding:18px 19px !important;
    overflow:hidden !important;
    border:1px solid #d5e1e9 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#17384f !important;
    cursor:pointer !important;
    box-shadow:0 4px 12px rgba(19,55,78,.035) !important;
    transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background .17s ease !important;
}

#page-navody .guide-card::before{
    content:'' !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:3px !important;
    border-radius:0 !important;
    background:#0b7db7 !important;
    opacity:1 !important;
}

#page-navody .guide-card:hover{
    transform:translateY(-2px) !important;
    border-color:#a9c9da !important;
    background:#f9fcfe !important;
    box-shadow:0 8px 20px rgba(19,55,78,.08) !important;
}

/* Ikona */
#page-navody .guide-card-icon{
    width:46px !important;
    height:46px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid #cbe0eb !important;
    border-radius:9px !important;
    background:#edf7fc !important;
    color:#087dbb !important;
    font-size:1rem !important;
    box-shadow:none !important;
    transition:background .17s ease,border-color .17s ease !important;
}

#page-navody .guide-card:hover .guide-card-icon{
    border-color:#8bc2dc !important;
    background:#e3f3fa !important;
}

/* Text */
#page-navody .guide-card h3{
    margin:0 0 5px !important;
    color:#14354d !important;
    font-family:'Plus Jakarta Sans',sans-serif !important;
    font-size:.86rem !important;
    font-weight:850 !important;
    line-height:1.35 !important;
}

#page-navody .guide-card p{
    margin:0 !important;
    color:#738896 !important;
    font-size:.68rem !important;
    line-height:1.5 !important;
}

#page-navody .guide-card-open{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    color:#087dbb !important;
    font-size:.66rem !important;
    font-weight:850 !important;
    white-space:nowrap !important;
}

#page-navody .guide-card-open i{
    transition:transform .17s ease !important;
}

#page-navody .guide-card:hover .guide-card-open i{
    transform:translateX(3px) !important;
}

/* Admin upozornění */
#page-navody .guide-admin-hint{
    border:1px solid #d4e1e9 !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#5f7585 !important;
    box-shadow:0 4px 12px rgba(19,55,78,.03) !important;
}

/* =========================================================
   Detail otevřeného návodu – také světlý
   ========================================================= */
#page-navody .guide-back{
    margin-bottom:15px !important;
    padding:9px 13px !important;
    border:1px solid #cfdde6 !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#365a70 !important;
    font-size:.72rem !important;
    font-weight:800 !important;
    box-shadow:none !important;
}

#page-navody .guide-back:hover{
    border-color:#95bdd2 !important;
    background:#f5f9fb !important;
    color:#0b6f9f !important;
}

#page-navody .guide-sheet{
    overflow:hidden !important;
    border:1px solid #d4e1e9 !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#17384f !important;
    box-shadow:0 7px 20px rgba(19,55,78,.055) !important;
}

#page-navody .guide-sheet-head{
    padding:25px 27px !important;
    border-bottom:1px solid #dbe6ec !important;
    background:#f8fbfd !important;
}

#page-navody .guide-sheet-title{
    color:#12364f !important;
    font-family:'Plus Jakarta Sans',sans-serif !important;
    font-weight:850 !important;
}

#page-navody .guide-sheet-title i{
    color:#087dbb !important;
}

#page-navody .guide-sheet-intro{
    color:#667d8e !important;
}

#page-navody .guide-sheet-body{
    padding:25px 27px !important;
    background:#fff !important;
}

#page-navody .guide-panel{
    border:1px solid #d9e4ea !important;
    border-radius:10px !important;
    background:#f9fbfc !important;
    color:#17384f !important;
    box-shadow:none !important;
}

#page-navody .guide-section-title{
    color:#12364f !important;
}

#page-navody .guide-section-title i{
    color:#087dbb !important;
}

#page-navody .guide-plain-list,
#page-navody .guide-bullets,
#page-navody .guide-step{
    color:#405f73 !important;
}

#page-navody .guide-note,
#page-navody .guide-quote{
    border-color:#c9dce7 !important;
    background:#f1f7fa !important;
    color:#35576c !important;
}

#page-navody .guide-subheading{
    color:#0b6f9f !important;
}

@media(max-width:850px){
    #page-navody .guides-grid{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:620px){
    #page-navody .guide-card{
        grid-template-columns:44px minmax(0,1fr) !important;
        min-height:96px !important;
        padding:15px !important;
    }

    #page-navody .guide-card-icon{
        width:40px !important;
        height:40px !important;
    }

    #page-navody .guide-card-open{
        grid-column:2 !important;
        justify-self:start !important;
        margin-top:2px !important;
    }

    #page-navody .guide-sheet-head,
    #page-navody .guide-sheet-body{
        padding:20px 17px !important;
    }
}