/* =====================================================
VAFFANGUSTO®
HEADER PREMIUM
=====================================================
*/


/* =====================================================
HEADER GLOBAL
=====================================================
*/

.site-header,
.ast-primary-header-bar,
.ast-main-header-bar {

    background:#111111!important;

    border-bottom:1px solid rgba(246,239,228,.12);

    box-shadow:
    0 8px 25px rgba(0,0,0,.25);

}



/* =====================================================
MENU DESKTOP
===================================================== */

@media (min-width:922px){

/* Logo */

.custom-logo-link img,
.site-branding img.custom-logo{

    max-height:250px;
    width:auto;

}


/* Menu */

.main-header-menu > .menu-item{

    margin:0;

}

.main-header-menu > .menu-item > .menu-link{

    position:relative;

    color:#F6EFE4!important;

    font-family:'Poppins',Arial,sans-serif;

    font-size:15px;

    font-weight:600;

    letter-spacing:.02em;

    padding-left:10px!important;
    padding-right:10px!important;

    transition:.3s ease;

}


.main-header-menu > .menu-item > .menu-link:hover{

    color:#C63D2F!important;

}


.main-header-menu > .current-menu-item > .menu-link{

    color:#C63D2F!important;

}


.main-header-menu > .menu-item > .menu-link::after{

    content:"";

    position:absolute;

    left:10px;

    right:10px;

    bottom:5px;

    height:2px;

    background:linear-gradient(
        to right,
        #009246 0%,
        #009246 33.33%,
        #ffffff 33.33%,
        #ffffff 66.66%,
        #CE2B37 66.66%,
        #CE2B37 100%
    );

    transform:scaleX(0);

    transition:.3s ease;

}


.main-header-menu > .menu-item:hover > .menu-link::after,
.main-header-menu > .current-menu-item > .menu-link::after{

    transform:scaleX(1);

}


/* =====================================================
BOUTON COMMANDER
===================================================== */

.commande-header{

    margin-left:30px;

    padding-left:22px;

    position:relative;

    flex-shrink:0;

}


.commande-header::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    transform:translateY(-50%);

    width:1px;

    height:24px;

    background:rgba(246,239,228,.18);

}


.commande-header > .menu-link{

    background:#C63D2F!important;

    color:#ffffff!important;

    border-radius:999px;

    padding:9px 22px!important;

    font-size:15px;

    font-weight:700;

    line-height:1.2;

    white-space:nowrap;

    transition:.3s ease;

    animation:none;

}


.commande-header > .menu-link:hover{

    background:#027B34!important;

    color:#ffffff!important;

    transform:translateY(-2px);

}


/* Correction menu actif Commander */

.commande-header.current-menu-item > .menu-link,
.commande-header.current-menu-ancestor > .menu-link{

    background:#C63D2F!important;

    color:#F6EFE4!important;

}


.commande-header.current-menu-item > .menu-link:hover{

    color:#ffffff!important;

}


.commande-header > .menu-link::after{

    display:none!important;

}


/* Panier */

.ast-header-woo-cart{

    margin-left:12px;

}

}



/* =====================================================
MENU MOBILE
===================================================== */

@media (max-width:921px){

.ast-mobile-popup-content .main-header-menu .menu-item > .menu-link,
.ast-mobile-popup-content .main-header-menu .menu-item > a{

    color:#2B2118!important;

    font-family:'Poppins',Arial,sans-serif;

    font-weight:600;

}


.ast-mobile-popup-content .main-header-menu .menu-item > .menu-link:hover,
.ast-mobile-popup-content .main-header-menu .menu-item > a:hover{

    color:#C63D2F!important;

}


.ast-mobile-popup-content .main-header-menu .current-menu-item > .menu-link,
.ast-mobile-popup-content .main-header-menu .current-menu-item > a{

    color:#C63D2F!important;

}

}



/* =====================================================
HEADER STICKY
=====================================================
*/


.ast-header-sticked .ast-primary-header-bar,
.ast-header-sticked .ast-main-header-bar {

    background:rgba(17,17,17,.96)!important;

    backdrop-filter:blur(12px);

    border-bottom:1px solid rgba(246,239,228,.15);

    box-shadow:
    0 12px 35px rgba(0,0,0,.35);

}




/* =====================================================
PANIER HEADER
=====================================================
*/


.ast-header-woo-cart {

    color:#F6EFE4!important;

}



.ast-header-woo-cart:hover {

    color:#C63D2F!important;

}



.ast-header-woo-cart .ahfb-svg-iconset svg {

    fill:#F6EFE4;

    transition:.3s ease;

}



.ast-header-woo-cart:hover .ahfb-svg-iconset svg {

    fill:#C63D2F;

}




/* =====================================================
ANIMATION COMMANDER
=====================================================
*/


@keyframes vafPulse {


0% {

box-shadow:0 0 0 0 rgba(198,61,47,.35);

}


50% {

box-shadow:0 0 18px 4px rgba(198,61,47,.25);

}


100% {

box-shadow:0 0 0 0 rgba(198,61,47,.35);

}


}


/* =====================================================
FIN HEADER PREMIUM VAFFANGUSTO®
=====================================================
*/
/* HEADER — COMMANDER */
a.menu-link[href*="/commander/"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 24px;
    background: #D4AF37;
    color: #000000 !important;
    border: 1px solid #D4AF37;
    border-radius: 2px;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .25s ease;
}

a.menu-link[href*="/commander/"]:hover {
    background: #000000;
    color: #D4AF37 !important;
    border-color: #D4AF37;
}


/* HEADER — COMMANDER — HAUTEUR COMPACTE */
a.menu-link[href*="/commander/"] {
    height: 36px !important;
    min-height: 36px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 36px !important;
}