/**
 * MOBILE UNIFIED HEADER DESIGN
 * Removes separators between header and search bar for a seamless look.
 */

@media (max-width: 768px) {

    /* 1. TOP HEADER: Remove all bottom borders and shadows */
    .universal-header {
        border-bottom: none !important;
        box-shadow: none !important;
        background-color: #ffffff !important;
        /* Ensure solid bg */
    }

    /* 2. SEARCH BAR CONTAINER: Seamless integration */
    #universal-header-wrapper .universal-header__mobile-search-bar,
    .universal-header__mobile-search-bar {
        border: none !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
        /* Subtle shadow ONLY at the very bottom */
        margin-top: 0 !important;
        padding-top: 0 !important;
        /* Move it closer */
        background-color: #ffffff !important;
        /* Match header */
    }

    /* 3. SPACER: Disable if it creates a gap */
    /* .universal-header__spacer { display: none !important; } */

    /* 4. DARK MODE UNIFICATION - PRECISE COLOR MATCHING */
    html.dark-mode .universal-header,
    body.dark-mode .universal-header,
    [data-theme="dark"] .universal-header {
        background-color: #0f0f0f !important;
        /* User requested specific color */
        border-bottom: none !important;
        box-shadow: none !important;
    }

    html.dark-mode #universal-header-wrapper .universal-header__mobile-search-bar,
    html.dark-mode .universal-header__mobile-search-bar,
    [data-theme="dark"] .universal-header__mobile-search-bar {
        background-color: #0f0f0f !important;
        /* User requested specific color */
        border: none !important;
        border-top: none !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
        /* Shadow only at very bottom */
    }

    /* Ensure the input inside matches comfortably or contrasts slightly */
    html.dark-mode #universal-header-wrapper .mobile-search-input,
    [data-theme="dark"] #universal-header-wrapper .mobile-search-input {
        background-color: #242526 !important;
        /* Slightly lighter than bg for contrast */
        border: none !important;
    }
}