/*
 * Mobile header — single row: logo | search | cart
 * Active <=992px only. Desktop untouched.
 */

.hs-mobile-header {
    display: none;
}

@media (max-width: 992px) {

    .hs-mobile-header {
        display: block;
        background: #fffcf9;
        position: sticky;
        top: 0;
        z-index: 500;
    }

    header#masthead {
        display: none;
    }

    #secondary-navigation {
        display: none;
    }

    /* Row */
    .hs-mh-row {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 14px;
    }

    /* Logo */
    .hs-mh-logo {
        flex-shrink: 0;
        display: block;
        line-height: 0;
    }

    .hs-mh-logo img {
        height: 40px;
        width: auto;
    }

    /* Search — real FiboSearch styled as pill */
    .hs-mh-search {
        flex: 1;
        min-width: 0;
        position: relative;
    }

    .hs-mh-search .dgwt-wcas-search-wrapp {
        max-width: 100%;
        margin: 0;
    }

    .hs-mh-search .dgwt-wcas-sf-wrapp {
        background: transparent;
        padding: 0;
        margin: 0;
        border: none;
        box-shadow: none;
    }

    .hs-mobile-header .hs-mh-search .dgwt-wcas-search-wrapp input[type="search"].dgwt-wcas-search-input {
        border: 1px solid var(--accent-blue-light, #AEDAE9);
        border-radius: 999px;
        background: var(--base-2, #faf5f1);
        height: 34px;
        font-size: 13px;
        font-family: 'Quicksand', sans-serif;
        font-weight: 500;
        box-shadow: none;
        outline: none;
        padding-left: 12px;
        padding-right: 34px;
        transition: border-color 0.2s ease, background 0.2s ease;
    }

    .hs-mobile-header .hs-mh-search .dgwt-wcas-search-wrapp input[type="search"].dgwt-wcas-search-input:focus {
        border-color: var(--accent-pink, #F5A2C6);
        background: #fff;
    }

    /* Hide FiboSearch's own submit button */
    .hs-mh-search .dgwt-wcas-search-submit {
        display: none;
    }

    /* Hide FiboSearch's magnifier icons */
    .hs-mh-search .dgwt-wcas-ico-magnifier,
    .hs-mh-search .dgwt-wcas-ico-magnifier-handler,
    .hs-mh-search .dgwt-wcas-search-icon-handler {
        display: none;
    }

    /* Custom search icon */
    .hs-mh-search::after {
        content: '';
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 14px;
        height: 14px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234FC6F0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: 5;
    }

    .hs-mh-search:focus-within::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FA69A8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
    }

    /* Cart */
    .hs-mh-cart {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        position: relative;
        color: #575760;
        text-decoration: none;
        padding: 4px;
        -webkit-tap-highlight-color: transparent;
    }

    .hs-mh-cart:active {
        color: var(--accent-pink-dark, #FA69A8);
    }

    .hs-mh-cart-count {
        position: absolute;
        top: -2px;
        right: -4px;
        background: var(--accent-pink-dark, #FA69A8);
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        font-family: 'Quicksand', sans-serif;
        min-width: 17px;
        height: 17px;
        line-height: 17px;
        text-align: center;
        border-radius: 9px;
        padding: 0 4px;
    }
}