/**
 * Header clásico — réplica del header de Elementor (plantilla 9885).
 * Valores computados extraídos de uploads/elementor/css/post-9885.css.
 * Breakpoints reales: 767 / 1024 / 1200 / 1366 / 2400.
 */

/* Tipografía del kit (Roboto) en todo el header, como en el original. */
.samaruc-header,
.samaruc-drawer,
.samaruc-minicart__drawer {
    font-family: var(--samaruc-fuente-principal);
}

/* ---------- Barra superior ---------- */
.samaruc-topbar {
    background-color: var(--samaruc-rosa);
}
.samaruc-topbar__texto {
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    color: var(--samaruc-texto);
}

/* ---------- Barra principal ---------- */
.samaruc-navbar {
    background-color: var(--samaruc-blanco);
    border-bottom: 6px solid var(--samaruc-rosa);
}
.samaruc-navbar__inner {
    max-width: var(--samaruc-ancho-contenido);
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.samaruc-navbar__item {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Iconos: 23px en escritorio, 22px en móvil, color #3D3D3D */
.samaruc-burger,
.samaruc-minicart__toggle {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}
.samaruc-burger svg {
    height: 22px;
    width: 22px;
    fill: var(--samaruc-texto);
}
.samaruc-navbar__cuenta svg {
    height: 23px;
    width: 23px;
    fill: var(--samaruc-texto);
}
.samaruc-navbar__cuenta a {
    display: inline-flex;
    margin-top: 5px;
}

/* Logo centrado */
.samaruc-navbar__logo {
    flex: 1 1 auto;
    text-align: center;
}
.samaruc-navbar__logo a {
    display: block;
}
.samaruc-navbar__logo img {
    width: 13%;
    max-width: 40%;
    height: auto;
    vertical-align: middle;
}

/* Reparto de anchos como el original (iconos 7.5%, logo el resto) */
.samaruc-navbar__burger,
.samaruc-navbar__buscador,
.samaruc-navbar__carrito,
.samaruc-navbar__cuenta {
    flex: 0 0 7.5%;
    max-width: 7.5%;
}

/* ---------- Mini-carrito (botón) ---------- */
.samaruc-minicart__toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    color: var(--samaruc-texto);
}
.samaruc-minicart__icono {
    position: relative;
    display: inline-flex;
}
.samaruc-minicart__icono svg {
    height: 25px;
    width: 25px;
    fill: var(--samaruc-texto);
}
/* Burbuja contadora */
.samaruc-minicart__icono::after {
    content: attr(data-counter);
    position: absolute;
    top: -8px;
    right: -10px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    border-radius: 50%;
    background-color: var(--samaruc-texto);
    color: var(--samaruc-blanco);
    font-size: 10px;
    line-height: 16px;
    text-align: center;
}
.samaruc-minicart__icono[data-counter="0"]::after {
    display: none;
}

/* ---------- Panel del menú ----------
   Mismos valores que el drawer personalizado que había sobre el menú de
   Elementor (bloque nav.elementor-nav-menu--dropdown.samaruc-drawer de
   style.css): panel lateral izquierdo en ≤1024 y panel a ancho completo
   bajo el header en escritorio (equivalente al dropdown "stretch"). */
.samaruc-header {
    position: relative;
}
.samaruc-header .samaruc-drawer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 85vw;
    max-width: 360px;
    height: 100vh;
    background: var(--samaruc-blanco);
    z-index: 2147483646; /* por encima de cualquier widget/chat */
    overflow-y: auto;
    padding: 56px 0 24px;
    box-shadow: 3px 0 14px rgba(0, 0, 0, 0.18);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    visibility: hidden;
    pointer-events: none;
    -webkit-overflow-scrolling: touch;
}
.samaruc-header .samaruc-drawer.samaruc-menu-open {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
}
.samaruc-drawer__cerrar,
.samaruc-minicart__cerrar {
    position: absolute;
    top: 8px;
    right: 12px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: transparent;
    border: 0;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    color: var(--samaruc-texto);
    z-index: 2;
}
.samaruc-drawer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.samaruc-drawer li {
    position: relative;
    margin: 0;
    list-style: none;
}
.samaruc-drawer li > a {
    display: block;
    padding: 14px 24px;
    font-size: 16px;
    line-height: 1.3;
    color: var(--samaruc-texto);
    text-decoration: none;
    border-bottom: 1px solid #f0f0f0;
    background: transparent;
}
.samaruc-drawer li > a:hover,
.samaruc-drawer li > a:focus,
.samaruc-drawer li.current-menu-item > a {
    background: var(--samaruc-rosa);
    color: #000;
}
/* Submenús plegados por defecto, con indicador +/− */
.samaruc-drawer ul.sub-menu {
    display: none;
    background: #fafafa;
}
.samaruc-drawer li.samaruc-abierto > ul.sub-menu {
    display: block;
}
.samaruc-drawer ul.sub-menu li > a {
    padding-left: 40px;
    font-size: 15px;
    color: #555;
}
.samaruc-drawer li.menu-item-has-children > a::after {
    content: "+";
    float: right;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    margin-left: 12px;
    color: #888;
    transition: transform 0.2s ease;
}
.samaruc-drawer li.menu-item-has-children.samaruc-abierto > a::after {
    content: "−";
    color: var(--samaruc-texto);
}

/* Nota: el drawer es un panel lateral izquierdo en TODOS los anchos,
   igual que en el sitio actual (goldsmith-child). No hay variante de
   escritorio a ancho completo. */

/* ---------- Panel lateral del carrito ---------- */
.samaruc-minicart__drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 360px;
    max-width: 90vw;
    background: var(--samaruc-blanco);
    z-index: 2147483646;
    overflow-y: auto;
    padding: 56px 20px 20px;
    box-shadow: -3px 0 14px rgba(0, 0, 0, 0.18);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    visibility: hidden;
    pointer-events: none;
}
.samaruc-minicart__drawer.samaruc-menu-open {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
}
.samaruc-minicart__drawer .woocommerce-mini-cart {
    max-height: calc(100vh - 240px); /* --products-max-height-sidecart original */
    overflow-y: auto;
}

/* ---------- Overlay común ---------- */
.samaruc-panel-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 2147483645;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}
.samaruc-panel-overlay.is-active {
    opacity: 1;
    pointer-events: auto;
}
body.samaruc-menu-locked {
    overflow: hidden;
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
    .samaruc-navbar__burger,
    .samaruc-navbar__buscador,
    .samaruc-navbar__carrito,
    .samaruc-navbar__cuenta {
        flex: 0 0 7.5%;
        max-width: 7.5%;
    }
    .samaruc-navbar__logo {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .samaruc-navbar__logo img {
        width: 22%;
        max-width: 49%;
    }
}
@media (max-width: 767px) {
    .samaruc-navbar__burger,
    .samaruc-navbar__buscador,
    .samaruc-navbar__carrito,
    .samaruc-navbar__cuenta {
        flex: 0 0 10%;
        max-width: 10%;
    }
    .samaruc-navbar__logo {
        flex: 0 0 60%;
        max-width: 60%;
    }
    .samaruc-navbar__logo img {
        width: 40%;
        max-width: 75%;
    }
    .samaruc-navbar__cuenta svg {
        height: 22px;
        width: 22px;
    }
    .samaruc-minicart__icono svg {
        height: 22px;
        width: 22px;
    }
}