/*
Theme Name:  Listeo ChildTheme
Theme URI: http://listeo.pro
Author: Purethemes
Author URI: http://themeforest.net/user/purethemes
Description: Directory WordPress Theme by Purethemes
Version: 1.0
License: ThemeForest
License URI: http://themeforest.net/licenses
Text Domain: listeo
Domain Path: /languages/
Tags: light, responsive-layout, post-formats, theme-options, translation-ready, two-columns
Template:  listeo
*/

/* ======================= */
/* HEADER - AJUSTES GLOBALES */
/* ======================= */

.hws-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    width: 100%;
}

#logo {
    flex: 0 0 30%;
    max-width: 30%;
}

#logo img {
    display: block;
    max-height: 60px;
}

.logo-mobile {
    display: none; /* Hidden by default */
    max-height: 40px;
}

.header-search-container {
    flex: 0 0 50%;
    max-width: 50%;
}

.main-search-input {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    background-color: #fff;
    border-radius: 30px;
    overflow: hidden;
}

.main-search-input-item,
.main-search-input .button {
    flex: 1;
}

.main-search-input .button {
    background-color: #00a1d6;
    color: #fff;
    border-radius: 30px;
    padding: 10px;
}

.header-widget {
    flex: 0 0 20%;
    max-width: 20%;
    text-align: right;
}

.mobile-search-trigger,
.desktop-mmenu-trigger {
    display: none !important; /* Hide mobile toggle icons */
}

/* ======================= */
/* RESPONSIVE - MÓVILES */
/* ======================= */

@media (max-width: 768px) {
    /* Header Container */
    #header-container.fullwidth .hws-container {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 10px 15px;
        flex-wrap: nowrap;
    }

    /* Logo */
    #logo {
        flex: 0 0 20%;
        max-width: 20%;
    }

    #logo img {
        display: none !important; /* Hide desktop logo */
    }

    .logo-mobile {
        display: block !important; /* Show mobile logo */
    }

    /* Search Bar */
    .header-search-container {
        display: block !important;
        flex: 0 0 60%;
        max-width: 60%;
    }

    .main-search-form,
    .main-search-input {
        display: flex !important;
        flex-direction: row;
        width: 100%;
        gap: 5px;
        border-radius: 15px;
        padding: 1px;
    }

    .main-search-input-item,
    .main-search-input .button {
        flex: 1;
        padding: 1px;
        min-width: 0;
    }

    /* Header Widget (Sign-in Icon) */
    .header-widget {
        flex: 0 0 20%;
        max-width: 20%;
        text-align: right;
    }
}