/* src/public/modules/layout/header/header.responsive.css */

/* --- TABLET Y ESCRITORIO (>= 768px) --- */
@media (min-width: 768px) {
    .header-top-row {
        padding: 10px 40px;
        gap: 40px;
    }

    /* 1. MOSTRAR MARCA / LOGO (Flex para alinear imagen y texto) */
    .header-brand {
        display: flex;
        /* CAMBIO AQUÍ: usar flex en lugar de block */
        width: auto;
        /* Ancho automático según contenido */
        min-width: 200px;
        /* Ancho mínimo para equilibrio */
    }

    /* 2. MOSTRAR MENÚ HAMBURGUESA EN PC (A petición del usuario) */
    /* .menu-toggle-btn {
        display: none !important;
    } */

    /* 3. CENTRAR BUSCADOR */
    .header-search-container {
        margin: 0 auto;
        max-width: 600px;
        width: 100%;
    }

    .search-input-wrapper input {
        font-size: 1rem;
        padding: 12px 12px 12px 45px;
    }

    /* 4. EQUILIBRIO DERECHA (CARRITO) */
    .icons-container {
        width: auto;
        min-width: 200px;
        justify-content: flex-end;
    }
}

/* Ajustes para Móvil (< 768px) */
@media (max-width: 767px) {
    .header-top-row {
        padding: 10px;
        gap: 10px;
    }
}