
/* =========================================================
   NÁVODY – horní lišta jako Kontakty
   ========================================================= */

#page-navody{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 0 64px !important;
    background:#f4f6f9 !important;
}

/* Full-width tmavá lišta se žlutou čárou */
#page-navody .guides-contact-hero{
    width:100% !important;
    margin:0 0 34px !important;
    padding:38px 0 34px !important;
    border:0 !important;
    border-bottom:3px solid #ffd400 !important;
    border-radius:0 !important;
    background:#071d3a !important;
    box-shadow:none !important;
}

#page-navody .guides-contact-hero-inner{
    width:min(1260px,calc(100% - 48px)) !important;
    margin:0 auto !important;
}

#page-navody .guides-contact-hero small{
    display:block !important;
    margin:0 0 14px !important;
    color:#b9c9d9 !important;
    font-size:.82rem !important;
}

#page-navody .guides-contact-hero small a{
    color:#b9c9d9 !important;
    text-decoration:none !important;
    cursor:pointer !important;
}

#page-navody .guides-contact-hero small a:hover{
    color:#fff !important;
    text-decoration:underline !important;
    text-underline-offset:2px !important;
}

#page-navody .guides-contact-hero h2{
    margin:0 !important;
    color:#fff !important;
    font-family:'Plus Jakarta Sans',sans-serif !important;
    font-size:clamp(1.5rem,2.5vw,1.9rem) !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    letter-spacing:-.5px !important;
    text-transform:none !important;
}

#page-navody .guides-contact-hero h2 .edit-node{
    color:inherit !important;
}

/* Starou tmavou rounded hero verzi definitivně vypnout */
#page-navody .guides-hero{
    display:none !important;
}

/* Obsah Návodů na stejné ose/šířce jako Kontakty */
#page-navody .guide-admin-hint,
#page-navody .guides-toolbar,
#page-navody .guides-grid{
    width:min(1260px,calc(100% - 48px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

#page-navody .guide-admin-hint{
    margin-bottom:18px !important;
}

#page-navody .guides-toolbar{
    margin-bottom:20px !important;
}

/* Detail otevřeného návodu také zarovnat stejně */
#page-navody .guide-detail.active{
    width:min(1260px,calc(100% - 48px)) !important;
    margin:0 auto !important;
}

@media(max-width:650px){
    #page-navody .guides-contact-hero{
        margin-bottom:26px !important;
        padding:30px 0 27px !important;
    }

    #page-navody .guides-contact-hero-inner,
    #page-navody .guide-admin-hint,
    #page-navody .guides-toolbar,
    #page-navody .guides-grid,
    #page-navody .guide-detail.active{
        width:calc(100% - 32px) !important;
    }
}
