/* Stable header and FiboSearch UI */

@media (max-width: 1024px) {
    html body.admin-bar #masthead.site-header {
        top: 0 !important;
    }

    #masthead.site-header,
    #masthead.site-header.header--sticky,
    #masthead.site-header.header--sticked,
    #masthead.site-header.header--move {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        transform: none !important;
        translate: none !important;
    }

    #masthead.site-header .elementor-element-dshell1 {
        min-height: 66px !important;
        height: 66px !important;
        transform: none !important;
        transition: background-color .2s ease, box-shadow .2s ease !important;
    }

    #masthead.site-header.header--sticked .elementor-element-dshell1,
    #masthead.site-header.header--move .elementor-element-dshell1 {
        min-height: 66px !important;
        height: 66px !important;
    }

    .elementor-element-dhead01.myoslim-menu-open .elementor-widget-pewooajaxsearch,
    .elementor-element-dhead01.myoslim-menu-open .elementor-widget-pesearch,
    .elementor-element-dhead01.myoslim-menu-open form.search-form {
        display: none !important;
    }

    html body .elementor-element-dhead01 .myoslim-fibo-desktop-trigger {
        display: grid !important;
    }

}

/* Keep the expanded mobile chat above the fixed site header. */
@media (max-width: 1024px) {
    body.chatway-is-open .chatway--frame-container.chatway--chat--widget--container {
        z-index: 10000 !important;
    }
}

@media (max-width: 600px) {
    #masthead.site-header .elementor-element-dshell1,
    #masthead.site-header.header--sticked .elementor-element-dshell1,
    #masthead.site-header.header--move .elementor-element-dshell1 {
        min-height: 60px !important;
        height: 60px !important;
    }
}

@media (min-width: 1025px) {
    .myoslim-search-dialog-body .dgwt-wcas-sf-wrapp {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        min-height: 50px !important;
        overflow: hidden !important;
    }

    .myoslim-search-dialog-body input[type="search"].dgwt-wcas-search-input {
        min-height: 50px !important;
        padding: 12px 54px 12px 20px !important;
        border: 0 !important;
        border-radius: 24px !important;
        color: #171717 !important;
        font-family: "General Sans", Arial, sans-serif !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        box-shadow: none !important;
    }

    .myoslim-search-dialog-body .dgwt-wcas-search-submit {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        display: grid !important;
        place-items: center !important;
        width: 50px !important;
        min-width: 50px !important;
        height: 50px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 24px 24px 0 !important;
        background: transparent !important;
        color: #171717 !important;
        transform: none !important;
    }

    .myoslim-search-dialog-body .dgwt-wcas-search-submit::before {
        display: none !important;
    }

    .myoslim-search-dialog-body .dgwt-wcas-ico-magnifier {
        position: static !important;
        width: 19px !important;
        max-width: 19px !important;
        height: 19px !important;
        margin: 0 !important;
        transform: none !important;
        fill: currentColor !important;
    }

    html.myoslim-search-modal-open body > .dgwt-wcas-suggestions-wrapp,
    html.myoslim-search-modal-open body > .dgwt-wcas-details-wrapp {
        border-color: #e1e4e8 !important;
        background: #fff !important;
        color: #171717 !important;
        font-family: "General Sans", Arial, sans-serif !important;
        letter-spacing: 0 !important;
        box-shadow: 0 22px 55px rgba(0, 0, 0, .18) !important;
    }

    html.myoslim-search-modal-open body > .dgwt-wcas-suggestions-wrapp *,
    html.myoslim-search-modal-open body > .dgwt-wcas-details-wrapp * {
        letter-spacing: 0 !important;
    }

    html.myoslim-search-modal-open .dgwt-wcas-suggestion {
        color: #24272b !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    html.myoslim-search-modal-open .dgwt-wcas-st,
    html.myoslim-search-modal-open .dgwt-wcas-details-product-title {
        color: #24272b !important;
        font-weight: 500 !important;
    }

    html.myoslim-search-modal-open .dgwt-wcas-sd,
    html.myoslim-search-modal-open .dgwt-wcas-details-desc,
    html.myoslim-search-modal-open .dgwt-wcas-details-product-sku {
        color: #5f6872 !important;
    }

    html.myoslim-search-modal-open .dgwt-wcas-pd-price {
        color: #171717 !important;
        font-size: 19px !important;
        font-weight: 700 !important;
    }

    html.myoslim-search-modal-open .dgwt-wcas-pd-addtc-form {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        margin: 14px 0 0 !important;
    }

    html.myoslim-search-modal-open .dgwt-wcas-pd-addtc-form > .quantity {
        display: grid !important;
        grid-template-columns: 34px 42px 34px !important;
        align-items: center !important;
        width: 110px !important;
        min-width: 110px !important;
        height: 44px !important;
        margin: 0 !important;
        overflow: hidden !important;
        border: 1px solid #d7dce1 !important;
        border-radius: 6px !important;
        background: #fff !important;
    }

    html.myoslim-search-modal-open .dgwt-wcas-pd-addtc-form .quantity .qty {
        grid-column: 2 !important;
        width: 42px !important;
        min-width: 0 !important;
        height: 42px !important;
        padding: 0 !important;
        border: 0 !important;
        border-right: 1px solid #edf0f2 !important;
        border-left: 1px solid #edf0f2 !important;
        border-radius: 0 !important;
        background: #fff !important;
        color: #171717 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 42px !important;
        text-align: center !important;
        box-shadow: none !important;
        appearance: textfield !important;
    }

    html.myoslim-search-modal-open .dgwt-wcas-pd-addtc-form .quantity .qty::-webkit-inner-spin-button,
    html.myoslim-search-modal-open .dgwt-wcas-pd-addtc-form .quantity .qty::-webkit-outer-spin-button {
        margin: 0;
        appearance: none;
    }

    html.myoslim-search-modal-open .myoslim-fibo-qty-button {
        display: grid !important;
        place-items: center !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        color: #29313a !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        cursor: pointer !important;
    }

    html.myoslim-search-modal-open .myoslim-fibo-qty-button:hover,
    html.myoslim-search-modal-open .myoslim-fibo-qty-button:focus-visible {
        background: #f2f4f6 !important;
        color: #0a0a0a !important;
    }

    html.myoslim-search-modal-open .dgwt-wcas-pd-addtc .add_to_cart_inline {
        padding: 0 !important;
        border: 0 !important;
    }

    html.myoslim-search-modal-open .dgwt-wcas-pd-addtc .add_to_cart_button,
    html.myoslim-search-modal-open .dgwt-wcas-pd-addtc a.button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 124px !important;
        min-height: 44px !important;
        padding: 11px 18px !important;
        border: 1px solid #171717 !important;
        border-radius: 6px !important;
        background: #171717 !important;
        color: #fff !important;
        font-family: "General Sans", Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 650 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    html.myoslim-search-modal-open .dgwt-wcas-pd-addtc .add_to_cart_button:hover,
    html.myoslim-search-modal-open .dgwt-wcas-pd-addtc .add_to_cart_button:focus-visible,
    html.myoslim-search-modal-open .dgwt-wcas-pd-addtc a.button:hover,
    html.myoslim-search-modal-open .dgwt-wcas-pd-addtc a.button:focus-visible {
        border-color: #c8a875 !important;
        background: #c8a875 !important;
        color: #171717 !important;
    }
}