/* custom-header.css – Compact Header Styles */

.qodef-header--standard-extended #qodef-page-header {
    height: 100px; /* Más compacto */
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul{
background: white;
}

.qodef-header--standard-extended .qodef-standard-extended-header-bottom-wrapper {
    background: white;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e0e0e0; /* Separador al final */
}

.qodef-header--standard-extended .qodef-standard-extended-header-bottom-inner {
    height: 40px; /* Más compacto */
}

.qodef-header-navigation ul li:hover > a {
    color: #000;
}

/* Remove extra header padding */
#qodef-page-header,
#qodef-page-header-inner {
  padding: 0 !important;
  margin: 0 !important;
}

/* ------------------------------------
   Nuevas mejoras para compacidad
   ------------------------------------ */

/* 1) Top wrapper más apretado */
.qodef-standard-extended-header-top-wrapper {
    padding: 4px 0 !important;
}

/* 2) Bottom wrapper más apretado */
.qodef-standard-extended-header-bottom-wrapper {
    padding: 4px 0 !important;
}

/* 3) Logo más pequeño */
.qodef-header-logo-link img {
    max-height: 40px !important;
    width: auto !important;
    display: block;
}

/* 4) Iconos más pequeños */
.qodef-extended-header-widget svg,
.qodef-extended-header-widget img {
    width: 18px !important;
    height: 18px !important;
}

/* 5) Menú super compacto con separadores */
.qodef-header-navigation ul.menu > li > a {
    padding: 4px 6px !important;
    font-size: 12px !important;
    text-transform: uppercase;
}

/* 6) Sticky header compacto con separador */
.qodef-header-sticky .qodef-header-sticky-inner {
    padding: 4px 32px !important;
    border-bottom: 1px solid #e0e0e0;
}

.qodef-header-sticky-inner {
    padding: 4px 0 !important;
    border-bottom: 1px solid #e0e0e0;
}

/* 7) Ajustes móviles */
@media (max-width: 768px) {
    .qodef-header-logo-link img {
        max-height: 30px !important;
    }
    .qodef-header-navigation ul.menu > li > a {
        padding: 3px 4px !important;
        font-size: 11px !important;
    }
    .qodef-widget-holder {
        margin: 0 3px !important;
    }
}

/* ------------------------------------
   Eliminación de divisores verticales
   en la parte SUPERIOR del header
   ------------------------------------ */

/* Anulamos cualquier ::after que estuviera generando barras en los widgets superiores */
.qodef-standard-extended-header-top-wrapper .qodef-widget-holder::after {
    display: none !important;
}

/* ------------------------------------
   Ocultar la columna vacía de Weekly Discount
   y expandir el menú full-width
   ------------------------------------ */

/* 1) Oculta el tercer holder (Weekly Discount) */
.qodef-standard-extended-header-bottom-inner .qodef-widget-holder.qodef--three {
    display: none !important;
}

/* 2) Fuerza al grid de la parte inferior a tener una sola columna */
.qodef-standard-extended-header-bottom-inner.qodef-content-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-gap: 0 !important;
    justify-items: center; /* <-- Centra el contenido interno (tu menú) */
}