/**
 * FiboSearch — Infinium header search field overrides.
 *
 * Loads after dgwt-wcas-style. Only styles the search input inside
 * .infinium-header-search — does not dequeue plugin CSS or touch cart/account icons.
 */

/* ---- Search field only (inside header search slot) ---- */
body.infinium-concept .infinium-header-search .dgwt-wcas-search-wrapp {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    line-height: normal;
}

body.infinium-concept .infinium-header-search .dgwt-wcas-search-form,
body.infinium-concept .infinium-header-search .dgwt-wcas-sf-wrapp {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
}

body.infinium-concept .infinium-header-search .dgwt-wcas-sf-wrapp {
    position: relative;
    display: block;
}

body.infinium-concept .infinium-header-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-darkoverl-on .dgwt-wcas-search-form,
body.infinium-concept .infinium-header-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-wrapp-mobile .dgwt-wcas-search-form {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

body.infinium-concept .infinium-header-search .dgwt-wcas-search-input,
body.infinium-concept .infinium-header-search input[type="search"].dgwt-wcas-search-input,
body.infinium-concept .infinium-header-search .dgwt-wcas-search-wrapp input[type="search"].dgwt-wcas-search-input,
body.infinium-concept .infinium-header-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-focused input[type="search"].dgwt-wcas-search-input,
body.infinium-concept .infinium-header-search .dgwt-wcas-search-wrapp.dgwt-wcas-open input[type="search"].dgwt-wcas-search-input,
body.infinium-concept .infinium-header-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-wrapp-mobile input[type="search"].dgwt-wcas-search-input {
    position: relative;
    z-index: 1;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 8px !important;
    border: 1px solid #d7dee8 !important;
    padding: 0 16px 0 44px !important;
    margin: 0 !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    font-family: inherit !important;
    text-align: left !important;
    color: var(--infinium-text-dark) !important;
    background: var(--infinium-white) !important;
    background-color: var(--infinium-white) !important;
    box-shadow: inset 0 1px 2px rgba(6, 41, 95, 0.04) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
}

body.infinium-concept .infinium-header-search .dgwt-wcas-search-input:focus,
body.infinium-concept .infinium-header-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-focused .dgwt-wcas-search-input,
body.infinium-concept .infinium-header-search .dgwt-wcas-search-wrapp.dgwt-wcas-open .dgwt-wcas-search-input {
    border-color: var(--infinium-blue) !important;
    outline: none !important;
    box-shadow: inset 0 1px 2px rgba(6, 41, 95, 0.04), 0 0 0 3px rgba(0, 132, 208, 0.15) !important;
}

body.infinium-concept .infinium-header-search .dgwt-wcas-search-input::placeholder {
    color: var(--infinium-text-light) !important;
    opacity: 1 !important;
}

body.infinium-concept .infinium-header-search .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier,
body.infinium-concept .infinium-header-search .dgwt-wcas-sf-wrapp svg.infinium-fibo-search-icon,
body.infinium-concept .infinium-header-search .dgwt-wcas-sf-wrapp svg.dgwt-wcas-ico-magnifier {
    position: absolute !important;
    left: 14px !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    color: var(--infinium-text-light) !important;
    fill: none !important;
    z-index: 2 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none;
}

body.infinium-concept .infinium-header-search .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier path,
body.infinium-concept .infinium-header-search .dgwt-wcas-sf-wrapp svg.infinium-fibo-search-icon path,
body.infinium-concept .infinium-header-search .dgwt-wcas-sf-wrapp svg.infinium-fibo-search-icon circle {
    fill: none !important;
    stroke: currentColor;
}

body.infinium-concept .infinium-header-search .dgwt-wcas-voice-search,
body.infinium-concept .infinium-header-search .dgwt-wcas-no-submit button.dgwt-wcas-search-submit,
body.infinium-concept .infinium-header-search input.dgwt-wcas-search-submit {
    display: none !important;
}

/* FiboSearch "has-submit" layout: icon is inside the submit button. Reposition it as a
   left magnifier when live plugin settings override submit_btn="0". */
body.infinium-concept .infinium-header-search .dgwt-wcas-has-submit button.dgwt-wcas-search-submit {
    display: block !important;
    position: absolute !important;
    left: 14px !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    pointer-events: none;
    overflow: visible !important;
}

body.infinium-concept .infinium-header-search .dgwt-wcas-has-submit button.dgwt-wcas-search-submit::before,
body.infinium-concept .infinium-header-search .dgwt-wcas-has-submit button.dgwt-wcas-search-submit::after {
    display: none !important;
    content: none !important;
}

body.infinium-concept .infinium-header-search .dgwt-wcas-has-submit button.dgwt-wcas-search-submit svg.infinium-fibo-search-icon,
body.infinium-concept .infinium-header-search .dgwt-wcas-has-submit button.dgwt-wcas-search-submit svg.dgwt-wcas-ico-magnifier {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    color: var(--infinium-text-light) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.infinium-concept .infinium-header-search .dgwt-wcas-preloader {
    right: 12px !important;
    left: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 20px !important;
    height: 20px !important;
}

/* Autocomplete panel — below header, must not cover nav icons */
body.infinium-concept .dgwt-wcas-suggestions-wrapp {
    z-index: 105;
}

body.infinium-concept .dgwt-wcas-details-wrapp {
    display: none !important;
}

/* ---- Mobile layout containment (search slot only) ---- */
@media (max-width: 767px) {
    html.infinium-fibosearch-open,
    html.infinium-fibosearch-open body {
        overflow-x: clip !important;
        max-width: 100%;
    }

    html.dgwt-wcas-overlay-mobile-on body {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.infinium-concept .infinium-header-search {
        min-width: 0;
        max-width: 100%;
        overflow: visible;
    }

    body.infinium-concept .dgwt-wcas-suggestions-wrapp.dgwt-wcas-suggestions-wrapp-fixed {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        top: var(--infinium-fibosearch-top, 120px) !important;
        max-height: calc(100dvh - var(--infinium-fibosearch-top, 120px) - 8px) !important;
        z-index: 105 !important;
    }
}