/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* ============================================
   IMPORTAR FUENTES GOOGLE
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Upright:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&display=swap');

/* ============================================
   FIN IMPORTAR FUENTES
   ============================================ */

/* ============================================
   NAKAI FOOTER - CSS PERSONALIZADO
   ============================================ */

/* Tagline general del footer */
.nk-tagline {
    font-size: 14px;
    font-weight: 300;
    color: #F2F0E8;
    line-height: 1.7;
    margin: 0 0 20px;
    text-align: left !important;
}

/* Botón Instagram */
.nk-ig {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 400;
    color: #F2F0E8;
    text-decoration: none;
    border: 0.5px solid rgba(255, 255, 255, 0.18);
    border-radius: 20px;
    padding: 5px 12px;
    margin-bottom: 20px;
    transition: border-color 0.2s, color 0.2s;
}

.nk-ig svg {
    color: #F2F0E8;
    stroke: #F2F0E8;
}

.nk-ig:hover {
    border-color: #C8706E;
    /* ★ era #C8706E */
    color: #C8706E;
    /* ★ era #C8706E */
}

.nk-ig:hover svg {
    color: #C8706E;
    /* ★ era #C8706E */
    stroke: #C8706E;
    /* ★ era #C8706E */
}

/* Lista de contacto */
.nk-contact {
    list-style: none;
    margin: 0 0 16px;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

/* Items de contacto */
.nk-contact li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 300;
    color: #F2F0E8;
    padding: 0 !important;
    margin-left: 0 !important;
    text-align: left !important;
}

.nk-contact li svg {
    color: #C8706E;
    /* ★ era #C8706E */
    flex-shrink: 0;
    margin-top: 2px;
}

.nk-contact li a {
    color: #F2F0E8;
    text-decoration: none;
}

.nk-contact li a:hover {
    color: #C8706E;
    /* ★ era #C8706E */
}

/* Lista de confianza (certificaciones, etc.) */
.nk-trust {
    list-style: none;
    margin: 0;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-top: 0.5px solid rgba(255, 255, 255, 0.08);
    padding-top: 16px !important;
}

/* Items de confianza */
.nk-trust li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 300;
    color: #F2F0E8;
    padding: 0 !important;
    margin-left: 0 !important;
    text-align: left !important;
}

.nk-trust li svg {
    color: #C8706E;
    /* ★ era #C8706E */
    flex-shrink: 0;
}

/* Ajustes específicos para footer-contact */
.footer-contact.footer-contact-one .block_content ul.nk-contact,
.footer-contact.footer-contact-one .block_content ul.nk-trust {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.footer-contact.footer-contact-one .block_content ul.nk-contact li,
.footer-contact.footer-contact-one .block_content ul.nk-trust li {
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-align: left !important;
    justify-content: flex-start !important;
}

/* Enlaces en bloques de contenido general */
.block-link-inline .block_content ul li a {
    color: #F2F0E8 !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}

.block-link-inline .block_content ul li a:hover {
    color: #C8706E !important;
    /* ★ era #C8706E */
}

/* Enlaces en columnas del footer (Rostro, Cuerpo, Marcas, etc.) */
.DeoBlockLink .collapse a {
    font-size: 14px !important;
    color: #F2F0E8 !important;
    font-weight: 300 !important;
}

.DeoBlockLink .collapse a:hover {
    color: #C8706E !important;
}

/* Copyright widget */
.copyright {
    font-size: 14px;
    font-weight: 300;
    color: #F2F0E8;
}

.copyright p {
    font-size: 14px;
    color: #F2F0E8;
    margin: 0;
}

.copyright strong {
    color: #F2F0E8;
    font-weight: 600;
}

/* ============================================
   FIN NAKAI FOOTER
   ============================================ */


/* NAKAI FOOTER - Separación columna 1 - v9 (solo escritorio/tablet grande) */
@media (min-width: 992px) {
    div#nk-footer-brand.DeoColumn {
        width: 20% !important;
        max-width: 20% !important;
        margin-right: 3% !important;
    }

    .box-middle-footer .DeoColumn:not(:first-child) {
        width: 19% !important;
        max-width: 19% !important;
    }
}

/* NAKAI FOOTER - Extender acordeón hasta tablet grande (768-991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .footer-container .block-toggler.accordion_small_screen .collapse-icons {
        display: block !important;
    }

    .footer-container .block-toggler.accordion_small_screen .box-title {
        display: block !important;
        cursor: pointer;
    }

    .footer-container .block-toggler.accordion_small_screen .collapse:not(.in):not(.show) {
        height: 0 !important;
        overflow: hidden;
    }

    .footer-container .block-toggler.accordion_small_screen .collapse.in,
    .footer-container .block-toggler.accordion_small_screen .collapse.show {
        height: auto !important;
    }
}

/* ============================================
   NAKAI CMS - PÁGINAS LEGALES
   ============================================ */

/* Enlaces en páginas legales */
.cms-content a,
.page-cms a {
    color: #C8706E;
    /* ★ era #C8706E — unificado */
    text-decoration: underline;
}

.cms-content a:hover,
.page-cms a:hover {
    color: #1A2418;
}

/* Tablas en CMS */
.cms-content table,
.page-cms table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: 14px;
}

.cms-content table th,
.page-cms table th {
    background: #1A2418;
    color: #f0ece6;
    padding: 10px 16px;
    text-align: left;
    font-weight: 500;
}

.cms-content table td,
.page-cms table td {
    padding: 10px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.cms-content table tr:last-child td,
.page-cms table tr:last-child td {
    border-bottom: none;
}

/* Espaciado en listas y párrafos */
.cms-content li,
.page-cms li {
    margin-bottom: 10px;
}

.cms-content p,
.page-cms p {
    margin-bottom: 16px;
    line-height: 1.8;
}

/* ============================================
   FIN NAKAI CMS
   ============================================ */


/* ============================================
   LOYALTY POINTS STYLING
   ============================================ */

.loyalty-block.loyalty-block-productlist {
    display: inline-block !important;
    width: auto !important;
    margin-bottom: 8px;
}

.deo-star-content {
    display: block !important;
    clear: both !important;
}

.deo-star {
    float: right !important;
}

/* ============================================
   FIN LOYALTY POINTS
   ============================================ */

/* ============================================
   MEGAMENU NAKAI — BARRA PRINCIPAL
   ============================================ */

/* Ítems de primer nivel: INICIO · ROSTRO · CUERPO… */
.megamenu-nakai .menu-title {
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.09em;
    color: #2A3A2E;
    text-transform: uppercase;
    transition: color 0.2s ease;
}

/* Hover y estado activo en ítem principal */
.megamenu-nakai .nav-item:hover .menu-title,
.megamenu-nakai .nav-item.active .menu-title,
.megamenu-nakai .nav-item.current .menu-title {
    color: #C8706E;
}

/* Eliminar salto de layout en hover */
.megamenu-nakai .nav-item:hover {
    background-color: transparent;
    padding: 0;
}

/* ============================================
   MEGAMENU NAKAI — PANEL DESPLEGABLE
   ============================================ */

.megamenu-nakai .dropdown-widget {
    background-color: #FCFBF9;
    border-top: 1.5px solid #2A3A2E;
    box-shadow: 0 12px 32px rgba(42, 58, 46, 0.08);
    padding: 28px 32px;
}

/* ============================================
   MEGAMENU NAKAI — CABECERAS DE COLUMNA
   ============================================ */

.megamenu-nakai .sub-title {
    font-family: 'Cormorant Upright', serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: #2A3A2E;
    text-transform: none;
    line-height: 1.2;
    margin-bottom: 12px;
    display: block;
}

/* Acento coral bajo cada cabecera */
.megamenu-nakai .sub-title::after {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background-color: #C8706E;
    margin-top: 7px;
}

/* ============================================
   MEGAMENU NAKAI — ENLACES DE SUBCATEGORÍAS
   ============================================ */

.megamenu-nakai ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.megamenu-nakai .cate-item {
    margin: 0;
    line-height: 1.8;
}

.megamenu-nakai .cate-item a {
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #2A3A2E;
    text-decoration: none;
    letter-spacing: 0.02em;
    line-height: 2.0;
    display: inline-block;
    transition: color 0.15s ease, padding-left 0.15s ease;
}

/* Hover: coral + leve sangría */
.megamenu-nakai .cate-item a:hover {
    color: #C8706E;
    padding-left: 3px;
}

/* ============================================
   MEGAMENU NAKAI — MÓVIL
   ============================================ */

/* Ítems principales en móvil */
.deo-megamenu-mobile .megamenu-nakai .menu-title {
    font-size: 22px;
    letter-spacing: 0.08em;
    font-weight: 500;
}

/* Más espacio entre ítems principales en móvil */
.deo-megamenu-mobile .megamenu-nakai .nav-item>.nav-link {
    padding-top: 16px;
    padding-bottom: 16px;
}

/* Subcategorías en móvil — tamaño y espacio */
.deo-megamenu-mobile .megamenu .cate-item {
    padding: 6px 0;
}

.deo-megamenu-mobile .megamenu .cate-name a {
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    line-height: 1.6;
    color: #2A3A2E;
}

.deo-megamenu-mobile .megamenu .cate-name a:hover {
    color: #C8706E;
}

/* ============================================
   FIN MEGAMENU NAKAI
   ============================================ */

/* ============================================
   PÁGINA DE PRODUCTO - TIPOGRAFÍA
   ============================================ */

/* Título del producto (H1) */
.product-page-one .product-detail-name {
    font-family: 'Cormorant Upright', serif;
    font-size: 36px;
    font-weight: 400;
    color: #2A3A2E;
}

/* Subtítulos (H3) */
.product-page-one h3 {
    font-family: 'Jost', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #2A3A2E;
}

/* Párrafos (P) */
.product-page-one p {
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #2A3A2E;
    line-height: 1.6;
}

/* ============================================
   PÁGINA DE PRODUCTO - DISPONIBILIDAD
   ============================================ */

#product-availability {
    color: #C8706E !important;
    border-bottom-color: #C8706E !important;
    border-left-color: #C8706E !important;
    border-right-color: #C8706E !important;
    border-top-color: #C8706E !important;
}

.product-unavailable {
    border-bottom-color: #C8706E !important;
    border-left-color: #C8706E !important;
    border-right-color: #C8706E !important;
    border-top-color: #C8706E !important;
}

#product-availability .deo-custom-icons {
    background-color: #C8706E !important;
    color: white !important;
}

#product-availability span {
    color: #C8706E !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* ============================================
   FIN DISPONIBILIDAD PRODUCTO
   ============================================ */

/* ============================================
   FIN PÁGINA DE PRODUCTO
   ============================================ */

/* ============================================
   LISTADOS DE PRODUCTOS - TÍTULOS
   ============================================ */

.product-title {
    font-family: 'Cormorant Upright', serif;
    font-size: 18px;
    font-weight: 400;
    color: #2A3A2E;
}

.product-title a {
    color: #2A3A2E;
    text-decoration: none;
}

.product-title a:hover {
    color: #C8706E;
    /* ★ era #C8706E */
}

/* ============================================
   FIN LISTADOS DE PRODUCTOS
   ============================================ */

/* ============================================
   BANDERAS DE PRODUCTO - FUERA DE STOCK
   ============================================ */

.product-flag.out_of_stock {
    color: #C8706E;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

/* ============================================
   FIN BANDERAS DE PRODUCTO
   ============================================ */

/* ============================================
   WIDGET PRODUCT TABS - TÍTULOS
   ============================================ */

.tabs-two.title-normal .product-title {
    font-family: 'Cormorant Upright', serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #2A3A2E !important;
    text-transform: none !important;
}

.tabs-two.title-normal .product-title a {
    color: #2A3A2E !important;
    text-decoration: none !important;
}

.tabs-two.title-normal .product-title a:hover {
    color: #C8706E !important;
    /* ★ era #C8706E */
}

/* ============================================
   FIN WIDGET PRODUCT TABS
   ============================================ */

/* ============================================
   MÓDULO DESISTIMIENTO (teamwantreturn)
   ============================================ */

.teamwantreturn-footer-link {
    width: 100% !important;
    text-align: center !important;
    padding: 16px 10px 10px 10px !important;
    margin: 0 !important;
    display: block !important;
}

.teamwantreturn-withdrawal-link {
    font-family: 'Jost', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.04em !important;
    text-transform: none !important;
}

/* ============================================
   NOTIFICACIONES CARRITO (jQuery Growl)
   ============================================ */

/* Popup añadir/eliminar producto del carrito */
#growls .growl {
    background-color: #6B7F70 !important;
    color: #FCFBF9 !important;
    border: none !important;
}

#growls .growl-message a {
    color: #FCFBF9 !important;
    text-decoration: underline !important;
}

/* ============================================
   CHECKOUT OPC - SEPARACIÓN VISUAL COLUMNAS
   ============================================ */

.right-checkout {
    background-color: #F2F0E8;
    padding: 20px !important;
    border-radius: 4px !important;
}

/* ============================================
   CHECKOUT OPC - LINKS Y ENLACES
   ============================================ */

.block-promo .collapse-button,
.block-promo .collapse-button:hover {
    color: #6B7F70 !important;
    text-decoration: underline !important;
}

/* ============================================
   CHECKOUT OPC - FONDO RESUMEN DEL PEDIDO
   ============================================ */

.right-checkout .opc-checkout-element.no-3 {
    background-color: #FFFFFF !important;
    padding: 15px !important;
    border-radius: 4px !important;
    margin-bottom: 20px !important;
}

/* ============================================
   blockreassurance — títulos con link
   ============================================ */

.blockreassurance_product div[onclick] .block-title {
    text-decoration: underline;
    cursor: pointer;
}

.blockreassurance_product div[onclick]:hover .block-title {
    color: #4D402D;
}

/* Fix: imágenes con lazyloaded pero clase de wrapper no marcada como 'loaded'
   quedan con height:0 (bug de lazysizes con ls-is-cached). Forzamos altura
   normal cuando el img ya tiene la clase lazyloaded, sin tocar layout. */
.lazyload-wrapper+img.lazyloaded {
    height: auto !important;
}

.lazyload-wrapper:has(+ img.lazyloaded) {
    display: none;
}

/* ============================================
   NAKAI MÓVIL — MENÚ USUARIO (bottom bar)
   ============================================ */

.customer-nav-mobile-popup-reverse .popup-content {
    min-width: 240px !important;
    right: auto !important;
    left: 0 !important;
}

.popup-over .popup-content .dropdown-item {
    font-size: 16px !important;
    font-weight: 300;
    padding: 8px 12px !important;
}

/* ============================================
   FIN NAKAI MÓVIL — MENÚ USUARIO
   ============================================ */

/* ============================================
   NAKAI MÓVIL — FILTROS DE CATEGORÍA
   ============================================ */

/* Títulos de filtro (DISPONIBILIDAD, PRECIO…) */
#search_filters .facet .title {
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
}

/* Opciones de filtro (En stock, Acemelia…) */
#search_filters_wrapper .facet .facet-label a {
    font-size: 15px !important;
    font-weight: 300 !important;
    white-space: normal !important;
}

/* ============================================
   FIN NAKAI MÓVIL — FILTROS DE CATEGORÍA
   ============================================ */