/* CPQ v32: reliable mobile menu/search SVG icons + matched language/currency selectors */

/* Use inline SVG so mobile icons never depend on an icon-font file. */
html body .menu-offcanves{
    align-items:center!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
}
html body .menu-offcanves > li{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
}
html body .cpq-mobile-header-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
html body .cpq-mobile-header-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    display:inline-flex;
    align-items:center!important;
    justify-content:center!important;
    padding:8px!important;
    margin:0!important;
    color:#0B1F3A!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    line-height:1!important;
    text-decoration:none!important;
    cursor:pointer!important;
}
html body .cpq-mobile-header-icon svg{
    display:block!important;
    width:24px!important;
    height:24px!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
    color:inherit!important;
}
html body .cpq-mobile-header-icon:hover,
html body .cpq-mobile-header-icon:focus{
    color:#1B4F9C!important;
    background:rgba(27,79,156,.08)!important;
    outline:none!important;
}
html body .m-cross-icon.cpq-mobile-header-icon{
    display:none;
}
html body .btn-bar.cpq-mobile-header-icon{
    font-size:0!important;
}
html body .cpq-mobile-search-submit{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#0B1F3A!important;
}
html body .cpq-mobile-search-submit svg{
    width:20px!important;
    height:20px!important;
    display:block!important;
}

/* Language and currency selectors share one exact visual system. */
html body .sub-header .language-control,
html body .sub-header .cpq-currency-select-wrap{
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}
html body .sub-header .language-control .nice-select,
html body .sub-header .language-control select,
html body .sub-header .cpq-currency-select-wrap .cpq-currency-select,
html body .sub-header .cpq-header-currency .cpq-currency-select{
    width:128px!important;
    min-width:128px!important;
    height:40px!important;
    min-height:40px!important;
    display:flex!important;
    align-items:center!important;
    padding:7px 34px 7px 12px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    border-radius:0!important;
    -webkit-border-radius:0!important;
    background:#fff!important;
    background-image:none!important;
    color:#0B1F3A!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:24px!important;
    text-align:center!important;
}
html body .sub-header .language-control .nice-select .current{
    width:100%!important;
    color:#0B1F3A!important;
    font-weight:800!important;
    text-align:center!important;
}
html body .sub-header .language-control .nice-select:after{
    width:7px!important;
    height:7px!important;
    right:14px!important;
    margin-top:-5px!important;
    border-bottom:2px solid #0B1F3A!important;
    border-right:2px solid #0B1F3A!important;
}
html body .sub-header .language-control .nice-select .list,
html body .sub-header .cpq-currency-select-wrap .nice-select .list{
    border-radius:0!important;
    -webkit-border-radius:0!important;
    box-shadow:0 10px 26px rgba(11,31,58,.16)!important;
}
html body .sub-header .language-control .nice-select .option,
html body .sub-header .cpq-currency-select-wrap .nice-select .option{
    border-radius:0!important;
}

@media (max-width:991.98px){
    html body .navbar .container{
        min-height:68px!important;
    }
    html body .menu-offcanves{
        display:inline-flex!important;
    }
}

@media (max-width:767.98px){
    html body .sub-header .cpq-subheader-actions-only > .nav{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex-wrap:nowrap!important;
        gap:8px!important;
    }
    html body .sub-header .language-control .nice-select,
    html body .sub-header .language-control select,
    html body .sub-header .cpq-currency-select-wrap .cpq-currency-select,
    html body .sub-header .cpq-header-currency .cpq-currency-select{
        width:112px!important;
        min-width:112px!important;
        height:38px!important;
        min-height:38px!important;
        padding:6px 30px 6px 10px!important;
        font-size:12px!important;
    }
    html body .sub-header .language-control .nice-select:after{
        right:12px!important;
    }
    html body .cpq-mobile-header-icon{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
        min-height:38px!important;
        padding:7px!important;
    }
    html body .cpq-mobile-header-icon svg{
        width:23px!important;
        height:23px!important;
    }
}

@media (max-width:420px){
    html body .sub-header .language-control .nice-select,
    html body .sub-header .language-control select,
    html body .sub-header .cpq-currency-select-wrap .cpq-currency-select,
    html body .sub-header .cpq-header-currency .cpq-currency-select{
        width:104px!important;
        min-width:104px!important;
    }
}