/* =========================================================
   ARITRIWOOD - NUEVA TIENDA
   Preview privado
   ========================================================= */


/* ---------------------------------------------------------
   BASE
   --------------------------------------------------------- */

body.aw-shop-preview {
    --aw-bg: #f8f5ee;
    --aw-paper: #ffffff;
    --aw-green: #39452c;
    --aw-green-dark: #29331f;
    --aw-gold: #c89b62;
    --aw-text: #24231f;
    --aw-muted: #716d64;
    --aw-border: #ded9cf;

    background: var(--aw-bg) !important;
    color: var(--aw-text);
}


/* ---------------------------------------------------------
   QUITAR HEADER / FOOTER ANTIGUOS
   --------------------------------------------------------- */

body.aw-shop-preview #masthead,
body.aw-shop-preview .site-header,
body.aw-shop-preview .site-top-header-wrap,
body.aw-shop-preview .kadence-top-header,
body.aw-shop-preview #colophon,
body.aw-shop-preview .site-footer {
    display: none !important;
}


/* Nuestro header */
body.aw-shop-preview .aw-custom-header {
    display: block !important;
}


/* ---------------------------------------------------------
   HERO / TÍTULO DE TIENDA
   --------------------------------------------------------- */

/* Eliminar imagen antigua del bosque */

body.aw-shop-preview .entry-hero-container-inner,
body.aw-shop-preview .entry-hero,
body.aw-shop-preview .woocommerce-products-header {
    background-color: #f7f4ed !important;
    background-image: none !important;
}


/* Hero Kadence */

body.aw-shop-preview .entry-hero {
    min-height: 205px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-bottom: 1px solid var(--aw-border);
}


/* Título */

body.aw-shop-preview .entry-hero h1,
body.aw-shop-preview .entry-title,
body.aw-shop-preview .woocommerce-products-header__title {
    margin: 0 !important;

    color: #15263a !important;

    font-size: clamp(34px, 4vw, 52px) !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;

    text-align: center !important;
    text-transform: uppercase;

    letter-spacing: -.02em;
}


/* Pequeña línea verde */

body.aw-shop-preview .entry-hero h1::after,
body.aw-shop-preview
.woocommerce-products-header__title::after {
    content: "";

    display: block;

    width: 44px;
    height: 2px;

    margin: 20px auto 0;

    background: var(--aw-green);
}


/* ---------------------------------------------------------
   CONTENEDOR PRINCIPAL
   --------------------------------------------------------- */

body.aw-shop-preview .content-container,
body.aw-shop-preview #primary,
body.aw-shop-preview .content-area {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
}

body.aw-shop-preview .site-main {
    width: min(1180px, calc(100% - 44px)) !important;
    max-width: 1180px !important;

    margin: 0 auto !important;

    padding: 42px 0 68px !important;
}


/* ---------------------------------------------------------
   RESULTADOS + ORDEN
   --------------------------------------------------------- */

body.aw-shop-preview
.woocommerce-result-count {
    margin: 8px 0 28px !important;

    color: var(--aw-muted);

    font-size: 13px !important;
}


body.aw-shop-preview
.woocommerce-ordering {
    margin-bottom: 28px !important;
}


body.aw-shop-preview
.woocommerce-ordering select {
    min-width: 220px;
    height: 42px;

    padding: 0 38px 0 14px;

    border: 1px solid var(--aw-border) !important;
    border-radius: 6px !important;

    background: #ffffff !important;

    color: var(--aw-text) !important;

    font-size: 12px !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   GRID DE PRODUCTOS
   --------------------------------------------------------- */

body.aw-shop-preview ul.products {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: 24px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* TARJETA */

body.aw-shop-preview
ul.products li.product {
    position: relative;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 0 17px !important;

    overflow: hidden;

    border: 1px solid #e3ded5 !important;
    border-radius: 9px !important;

    background: #ffffff !important;

    box-shadow:
        0 5px 18px rgba(30,30,20,.04);

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}


body.aw-shop-preview
ul.products li.product:hover {
    transform: translateY(-4px);

    box-shadow:
        0 12px 27px rgba(30,30,20,.09);
}


/* ---------------------------------------------------------
   IMÁGENES
   --------------------------------------------------------- */

body.aw-shop-preview
ul.products li.product
.woocommerce-loop-product__link {
    color: inherit !important;
    text-decoration: none !important;
}


body.aw-shop-preview
ul.products li.product img {
    display: block;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 1 / 1;

    margin: 0 !important;

    padding: 0 !important;

    object-fit: contain !important;

    background: #f2f0ed;
}


/* ---------------------------------------------------------
   NOMBRE
   --------------------------------------------------------- */

body.aw-shop-preview
ul.products li.product
.woocommerce-loop-product__title,
body.aw-shop-preview
ul.products li.product
.product-title {
    min-height: 54px;

    margin: 0 !important;

    padding: 15px 15px 5px !important;

    color: var(--aw-text) !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.42 !important;
}


/* ---------------------------------------------------------
   PRECIO
   --------------------------------------------------------- */

body.aw-shop-preview
ul.products li.product .price {
    display: block;

    margin: 0 !important;
    padding: 0 15px 4px !important;

    color: var(--aw-green-dark) !important;

    font-size: 13px !important;
    font-weight: 700 !important;
}


body.aw-shop-preview
ul.products li.product .price del {
    margin-right: 5px;

    color: #9d988f !important;

    font-size: 11px;
    font-weight: 400;
}


body.aw-shop-preview
ul.products li.product .price ins {
    color: var(--aw-green-dark) !important;

    text-decoration: none !important;
}


/* ---------------------------------------------------------
   ESTRELLAS
   --------------------------------------------------------- */

body.aw-shop-preview
ul.products li.product
.star-rating {
    margin:
        5px
        15px
        8px !important;

    color: var(--aw-gold) !important;

    font-size: 11px;
}


/* ---------------------------------------------------------
   OFERTA
   --------------------------------------------------------- */

body.aw-shop-preview .onsale,
body.aw-shop-preview
ul.products li.product .onsale {
    top: 12px !important;
    right: 12px !important;
    left: auto !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 7px 11px !important;

    border: 0 !important;
    border-radius: 4px !important;

    background: var(--aw-green) !important;

    color: #ffffff !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-transform: uppercase;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   BOTÓN PRODUCTO SI APARECE
   --------------------------------------------------------- */

body.aw-shop-preview
ul.products li.product
.button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    margin: 10px 15px 0 !important;
    padding: 10px 14px !important;

    border: 1px solid var(--aw-green) !important;
    border-radius: 4px !important;

    background: transparent !important;

    color: var(--aw-green) !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    text-transform: uppercase;

    box-shadow: none !important;
}


body.aw-shop-preview
ul.products li.product
.button:hover {
    background: var(--aw-green) !important;
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   PAGINACIÓN
   --------------------------------------------------------- */

body.aw-shop-preview
.woocommerce-pagination {
    margin-top: 42px !important;
}


body.aw-shop-preview
.woocommerce-pagination ul.page-numbers {
    display: flex !important;

    gap: 7px;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    list-style: none !important;
}


body.aw-shop-preview
.woocommerce-pagination
.page-numbers li {
    border: 0 !important;
}


body.aw-shop-preview
.woocommerce-pagination
.page-numbers a,
body.aw-shop-preview
.woocommerce-pagination
.page-numbers span {
    display: flex !important;

    width: 36px;
    height: 36px;

    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid var(--aw-border) !important;
    border-radius: 5px;

    background: #ffffff !important;

    color: var(--aw-text) !important;

    font-size: 12px !important;
}


body.aw-shop-preview
.woocommerce-pagination
.page-numbers .current {
    border-color: var(--aw-green) !important;

    background: var(--aw-green) !important;

    color: #ffffff !important;
}


/* =========================================================
   FOOTER - MISMO ESTILO DE INICIO
   ========================================================= */

body.aw-shop-preview .aw-footer {
    width: 100%;

    margin: 0;

    background: #303826 !important;

    color: #f3f0e8;
}


body.aw-shop-preview .aw-footer-main {
    padding: 48px 0 42px;
}


body.aw-shop-preview .aw-footer-container {
    width: min(1220px, calc(100% - 48px));

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        1.45fr
        .8fr
        .9fr
        .9fr
        1.25fr;

    gap: 42px;
}


body.aw-shop-preview .aw-footer-logo {
    display: block;

    max-width: 92px !important;
    max-height: 82px !important;

    margin-bottom: 18px !important;

    filter: brightness(0) invert(1);

    opacity: .94;
}


body.aw-shop-preview .aw-footer-brand p,
body.aw-shop-preview .aw-footer-contact p {
    color: rgba(255,255,255,.70);

    font-size: 12px;
    line-height: 1.65;
}


body.aw-shop-preview .aw-footer h3 {
    margin: 2px 0 18px;

    color: #ffffff;

    font-size: 12px;
    font-weight: 700;

    text-transform: uppercase;
}


body.aw-shop-preview .aw-footer ul {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


body.aw-shop-preview .aw-footer li {
    margin: 0 0 9px !important;

    list-style: none !important;
}


body.aw-shop-preview .aw-footer a {
    color: rgba(255,255,255,.72) !important;

    font-size: 12px;

    text-decoration: none !important;
}


body.aw-shop-preview .aw-footer a:hover {
    color: #ffffff !important;
}


/* SOCIALES */

body.aw-shop-preview .aw-footer-social {
    display: flex;

    gap: 10px;

    margin-top: 18px;
}


body.aw-shop-preview .aw-footer-social a,
body.aw-shop-preview
.aw-footer-social-disabled {
    display: flex !important;

    width: 38px !important;
    height: 38px !important;

    align-items: center;
    justify-content: center;

    border:
        1px solid
        rgba(255,255,255,.28);

    border-radius: 50%;
}


body.aw-shop-preview .aw-footer-social img {
    width: 17px !important;
    height: 17px !important;

    filter: brightness(0) invert(1);
}


/* WHATSAPP DEL FOOTER */

body.aw-shop-preview
.aw-footer-whatsapp {
    display: inline-flex !important;

    align-items: center;

    gap: 8px;

    margin-top: 5px;
    padding: 10px 15px;

    border:
        1px solid
        rgba(255,255,255,.32);

    border-radius: 4px;

    color: #ffffff !important;

    font-size: 11px !important;
    font-weight: 700;

    text-transform: uppercase;
}


/* PIE */

body.aw-shop-preview
.aw-footer-bottom {
    border-top:
        1px solid
        rgba(255,255,255,.12);

    background: #293020;
}


body.aw-shop-preview
.aw-footer-bottom-inner {
    width: min(1220px, calc(100% - 48px));

    min-height: 52px;

    margin: 0 auto;

    display: flex;

    align-items: center;
    justify-content: space-between;

    color: rgba(255,255,255,.56);

    font-size: 10px;
}


body.aw-shop-preview
.aw-footer-vintech {
    display: flex;

    gap: 4px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    body.aw-shop-preview
    ul.products {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 18px !important;
    }


    body.aw-shop-preview
    .aw-footer-container {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 34px;
    }


    body.aw-shop-preview
    .aw-footer-brand {
        grid-column: 1 / -1;
    }

}


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

@media (max-width: 600px) {

    body.aw-shop-preview .entry-hero {
        min-height: 145px !important;
    }


    body.aw-shop-preview .entry-hero h1,
    body.aw-shop-preview .entry-title,
    body.aw-shop-preview
    .woocommerce-products-header__title {
        font-size: 28px !important;
    }


    body.aw-shop-preview .site-main {
        width: calc(100% - 28px) !important;

        padding:
            28px
            0
            45px !important;
    }


    /* DOS PRODUCTOS POR FILA */

    body.aw-shop-preview
    ul.products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }


    body.aw-shop-preview
    ul.products li.product {
        border-radius: 7px !important;

        padding-bottom: 12px !important;
    }


    body.aw-shop-preview
    ul.products li.product
    .woocommerce-loop-product__title,
    body.aw-shop-preview
    ul.products li.product
    .product-title {
        min-height: 49px;

        padding:
            10px
            10px
            4px !important;

        font-size: 11.5px !important;
        line-height: 1.35 !important;
    }


    body.aw-shop-preview
    ul.products li.product
    .price {
        padding:
            0
            10px
            3px !important;

        font-size: 11px !important;
    }


    body.aw-shop-preview
    ul.products li.product
    .price del {
        font-size: 9px !important;
    }


    body.aw-shop-preview
    .onsale {
        top: 7px !important;
        right: 7px !important;

        padding: 5px 7px !important;

        font-size: 8px !important;
    }


    body.aw-shop-preview
    .woocommerce-result-count {
        float: none !important;

        margin-bottom: 12px !important;
    }


    body.aw-shop-preview
    .woocommerce-ordering {
        float: none !important;

        width: 100%;

        margin-bottom: 20px !important;
    }


    body.aw-shop-preview
    .woocommerce-ordering select {
        width: 100%;
    }


    /* FOOTER */

    body.aw-shop-preview
    .aw-footer-main {
        padding: 38px 0 28px;
    }


    body.aw-shop-preview
    .aw-footer-container {
        width: calc(100% - 36px);

        grid-template-columns: 1fr;

        gap: 0;
    }


    body.aw-shop-preview
    .aw-footer-brand,
    body.aw-shop-preview
    .aw-footer-column {
        padding: 23px 0;

        border-bottom:
            1px solid
            rgba(255,255,255,.12);
    }


    body.aw-shop-preview
    .aw-footer-bottom-inner {
        width: calc(100% - 36px);

        min-height: 67px;

        flex-direction: column;

        justify-content: center;

        gap: 5px;
    }

}


/* =========================================================
   TIENDA V2 - CORRECCIONES FINALES
   ========================================================= */


/* =========================================================
   1. PRODUCTOS
   ========================================================= */

body.aw-shop-preview ul.products li.product {
    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;
}


/*
 * IMPORTANTE:
 * Solo las imágenes REALES del producto deben ocupar
 * todo el ancho. No cualquier img dentro de la tarjeta.
 */

body.aw-shop-preview
ul.products li.product
img.attachment-woocommerce_thumbnail,

body.aw-shop-preview
ul.products li.product
img.woocommerce-placeholder {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 1 / 1 !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f2f0ed;
}


/* =========================================================
   2. CORREGIR EMOJIS ⭐ 🍣 🎀
   ========================================================= */

/*
 * WordPress convierte algunos emojis en <img class="emoji">.
 * Nuestro CSS anterior los trataba como imágenes de producto.
 */

body.aw-shop-preview
ul.products li.product img.emoji,

body.aw-shop-preview
ul.products li.product img.wp-smiley {
    display: inline-block !important;

    width: 1em !important;
    height: 1em !important;

    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 1em !important;
    max-height: 1em !important;

    aspect-ratio: auto !important;

    margin:
        0
        .08em !important;

    padding: 0 !important;

    object-fit: initial !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    vertical-align: -.1em !important;
}


/* Títulos */

body.aw-shop-preview
ul.products li.product
.woocommerce-loop-product__title {
    min-height: 0 !important;

    padding:
        15px
        15px
        5px !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
}


/* Precio */

body.aw-shop-preview
ul.products li.product .price {
    padding:
        0
        15px
        7px !important;
}


/* =========================================================
   3. BOTÓN VER PRODUCTO EN TODAS LAS TARJETAS
   ========================================================= */


/* Ocultar botón WooCommerce antiguo en este preview */

body.aw-shop-preview
ul.products li.product > .button {
    display: none !important;
}


/* Nuestro botón */

body.aw-shop-preview
ul.products li.product
.aw-shop-card-button {
    display: flex !important;

    width: calc(100% - 30px);

    min-height: 40px;

    align-items: center;
    justify-content: center;

    gap: 12px;

    margin:
        auto
        15px
        0 !important;

    padding:
        10px
        13px !important;

    border:
        1px solid
        #39452c !important;

    border-radius:
        4px !important;

    background:
        #39452c !important;

    color:
        #ffffff !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    letter-spacing:
        .02em;

    text-align:
        center;

    text-decoration:
        none !important;

    text-transform:
        uppercase;

    transition:
        background .2s ease,
        transform .2s ease;
}


body.aw-shop-preview
ul.products li.product
.aw-shop-card-button:hover {
    background:
        #29331f !important;

    color:
        #ffffff !important;

    transform:
        translateY(-1px);
}


body.aw-shop-preview
ul.products li.product
.aw-shop-card-button span {
    font-size:
        14px;

    line-height:
        1;
}


/* =========================================================
   4. BUSCADOR DEL FOOTER
   MISMO ACABADO QUE EN INICIO
   ========================================================= */


body.aw-shop-preview
.aw-footer
.dgwt-wcas-search-wrapp {
    width:
        100% !important;

    max-width:
        265px !important;

    margin:
        14px
        0
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


body.aw-shop-preview
.aw-footer
.dgwt-wcas-search-form {
    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


body.aw-shop-preview
.aw-footer
.dgwt-wcas-sf-wrapp {
    position:
        relative !important;

    width:
        100% !important;

    height:
        46px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        6px !important;

    box-shadow:
        none !important;
}


/* INPUT */

body.aw-shop-preview
.aw-footer
.dgwt-wcas-search-input {
    width:
        100% !important;

    height:
        46px !important;

    margin:
        0 !important;

    padding:
        0
        48px
        0
        16px !important;

    border:
        1px solid
        rgba(255,255,255,.28) !important;

    border-radius:
        6px !important;

    background:
        rgba(255,255,255,.06) !important;

    color:
        #ffffff !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    line-height:
        46px !important;

    text-indent:
        0 !important;

    outline:
        none !important;

    box-shadow:
        none !important;
}


body.aw-shop-preview
.aw-footer
.dgwt-wcas-search-input::placeholder {
    color:
        rgba(255,255,255,.58) !important;

    opacity:
        1 !important;

    text-indent:
        0 !important;
}


body.aw-shop-preview
.aw-footer
.dgwt-wcas-search-input:focus {
    border-color:
        rgba(255,255,255,.55) !important;

    background:
        rgba(255,255,255,.10) !important;
}


/* =========================================================
   LUPA
   ========================================================= */

body.aw-shop-preview
.aw-footer
.dgwt-wcas-search-submit {
    position:
        absolute !important;

    top:
        50% !important;

    right:
        10px !important;

    bottom:
        auto !important;

    left:
        auto !important;

    display:
        flex !important;

    width:
        30px !important;

    height:
        30px !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    margin:
        0 !important;

    padding:
        0 !important;

    transform:
        translateY(-50%) !important;

    border:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    z-index:
        5 !important;
}


/* SVG de la lupa */

body.aw-shop-preview
.aw-footer
.dgwt-wcas-search-submit
.dgwt-wcas-ico-magnifier,

body.aw-shop-preview
.aw-footer
.dgwt-wcas-search-submit svg {
    position:
        static !important;

    width:
        14px !important;

    height:
        14px !important;

    margin:
        0 !important;

    transform:
        none !important;

    fill:
        none !important;

    stroke:
        #ffffff !important;

    stroke-width:
        1.7 !important;

    opacity:
        .9 !important;
}


/*
 * Algunas versiones de FiboSearch posicionan
 * directamente el SVG fuera del botón.
 */

body.aw-shop-preview
.aw-footer
.dgwt-wcas-sf-wrapp
> .dgwt-wcas-ico-magnifier {
    position:
        absolute !important;

    top:
        50% !important;

    right:
        17px !important;

    bottom:
        auto !important;

    left:
        auto !important;

    width:
        14px !important;

    height:
        14px !important;

    transform:
        translateY(-50%) !important;

    fill:
        none !important;

    stroke:
        #ffffff !important;

    z-index:
        4 !important;
}


/* Quitar cualquier fondo blanco heredado */

body.aw-shop-preview
.aw-footer
.dgwt-wcas-search-wrapp,

body.aw-shop-preview
.aw-footer
.dgwt-wcas-search-form,

body.aw-shop-preview
.aw-footer
.dgwt-wcas-sf-wrapp {
    background-color:
        transparent !important;
}


/* Ocultar preloader visual */

body.aw-shop-preview
.aw-footer
.dgwt-wcas-preloader {
    display:
        none !important;
}


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

@media (max-width: 600px) {

    body.aw-shop-preview
    ul.products li.product
    .woocommerce-loop-product__title {
        padding:
            10px
            10px
            4px !important;

        font-size:
            11.5px !important;
    }


    body.aw-shop-preview
    ul.products li.product .price {
        padding:
            0
            10px
            6px !important;
    }


    body.aw-shop-preview
    ul.products li.product
    .aw-shop-card-button {
        width:
            calc(100% - 20px);

        min-height:
            35px;

        margin:
            auto
            10px
            0 !important;

        padding:
            8px
            6px !important;

        font-size:
            8.5px !important;
    }


    body.aw-shop-preview
    .aw-footer
    .dgwt-wcas-search-wrapp {
        max-width:
            100% !important;
    }

}