/* =========================================================
   REMERARTE - NAVEGACIÓN DE LA TIENDA
   ========================================================= */

.remerarte-navegacion-tienda {
    width: 100%;
    margin: 0 0 30px;
}

/* Lista principal */

.remerarte-menu-tienda {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Elementos */

.remerarte-menu-tienda li {
    margin: 0;
    padding: 0;
}

/* Enlaces */

.remerarte-menu-tienda li a {
    display: block;
    padding: 10px 18px;
    border: 1px solid #e5e5e5;
    border-radius: 50px;
    background: #ffffff;
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

/* Hover */

.remerarte-menu-tienda li a:hover {
    background: #333333;
    border-color: #333333;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
}

/* Elemento activo */

.remerarte-menu-tienda li.current-menu-item>a,
.remerarte-menu-tienda li.current-menu-ancestor>a {
    background: #333333;
    border-color: #333333;
    color: #ffffff;
}

/* =========================================================
   SUBMENÚ
   ========================================================= */

.remerarte-menu-tienda li {
    position: relative;
}

.remerarte-menu-tienda .sub-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    z-index: 100;
    min-width: 190px;
    margin: 0;
    padding: 8px;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.10);
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -5px);
    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease;
}

.remerarte-menu-tienda li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.remerarte-menu-tienda .sub-menu li {
    width: 100%;
}

.remerarte-menu-tienda .sub-menu li a {
    border: 0;
    border-radius: 9px;
    padding: 9px 12px;
    font-size: 13px;
    white-space: nowrap;
}

.remerarte-menu-tienda .sub-menu li a:hover {
    transform: none;
    box-shadow: none;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .remerarte-navegacion-tienda {
        margin-bottom: 25px;
        overflow-x: auto;
        overflow-y: visible;
        scrollbar-width: none;
    }

    .remerarte-navegacion-tienda::-webkit-scrollbar {
        display: none;
    }

    .remerarte-menu-tienda {
        justify-content: flex-start;
        flex-wrap: nowrap;
        width: max-content;
        gap: 8px;
        padding: 2px 2px 8px;
    }

    .remerarte-menu-tienda li a {
        padding: 9px 15px;
        font-size: 13px;
        white-space: nowrap;
    }

}

/* Info intro categorías */
h1.woocommerce-products-header__title.page-title {
    font-weight: 600;
}


h1.woocommerce-products-header__title.page-title,
.term-description {
    display: block;
    margin: 20px auto;
    text-align: center;
}

@media (min-width: 1000px) {
    h1.woocommerce-products-header__title.page-title,
    .term-description {
        width: 50%;

    }
}

/*OCULTAR CAMPO PAIS DE CHECKOUT*/
.campo-pais {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce-checkout #billing_country_field {
    display: none !important;
}

/**
 * Swatches de variaciones no disponibles.
 *
 * Se utiliza únicamente cuando WooCommerce determina
 * que una opción no forma parte de ninguna combinación válida.
 */

.remerarte-swatches-no-disponible,
.th-label-radio:has(input:disabled) {
    opacity: 0.35 !important;
    cursor: not-allowed !important;
}