/*
Theme Name: Kadence Child - Armando La Pieza
Theme URI: https://armandolapieza.tsolutionscatalogos.com/
Description: Tema hijo de Kadence personalizado para Armando La Pieza.
Author: TSolutions
Template: kadence
Version: 1.0.0
Text Domain: kadence-child
*/

/* =========================================================
   ARMANDO LA PIEZA
   CATÁLOGO WOOCOMMERCE
   ========================================================= */

:root{
    --alp-red:#d90429;
    --alp-red-dark:#a8001f;
    --alp-black:#080808;
    --alp-dark:#151515;
    --alp-white:#ffffff;
    --alp-bg:#f5f5f6;
    --alp-border:#e7e7e7;
    --alp-text:#171717;
    --alp-muted:#667085;
}

/* =========================================================
   GENERAL
   ========================================================= */

body.woocommerce-shop,
body.post-type-archive-product,
body.tax-product_cat{
    background:var(--alp-bg);
}

body.woocommerce-shop #primary,
body.post-type-archive-product #primary,
body.tax-product_cat #primary{
    width:100%;
}

body.woocommerce-shop .content-area,
body.post-type-archive-product .content-area,
body.tax-product_cat .content-area{
    max-width:none;
}

/* =========================================================
   CONTENEDOR DE TIENDA
   ========================================================= */

.alp-shop{
    width:100%;
    max-width:1240px;

    margin:0 auto;

    padding:38px 20px 80px;
}

/* =========================================================
   CABECERA
   ========================================================= */

.alp-shop-header{
    text-align:center;

    margin:0 auto 32px;

    max-width:850px;
}

.alp-shop-eyebrow{
    display:inline-flex;

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

    margin-bottom:12px;

    padding:7px 13px;

    background:#ffe9ed;
    color:var(--alp-red);

    border-radius:999px;

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

    letter-spacing:.08em;
    text-transform:uppercase;
}

.alp-shop-title{
    margin:0;

    color:var(--alp-black);

    font-size:46px;
    line-height:1.05;

    font-weight:950;

    letter-spacing:-1.5px;
}

.alp-shop-description{
    max-width:680px;

    margin:14px auto 0;

    color:var(--alp-muted);

    font-size:17px;
    line-height:1.6;
}

/* =========================================================
   CATEGORÍAS SUPERIORES
   ========================================================= */

.alp-shop-categories{
    display:flex;

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

    flex-wrap:wrap;

    gap:10px;

    width:100%;

    margin:0 auto 32px;
}

.alp-shop-categories a{
    display:inline-flex;

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

    min-height:46px;

    padding:10px 20px;

    background:#fff;

    color:#181818;

    border:1px solid #ddd;
    border-radius:999px;

    text-decoration:none;

    font-size:14px;
    line-height:1;

    font-weight:800;

    box-shadow:0 5px 16px rgba(0,0,0,.04);

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.alp-shop-categories a:hover{
    background:var(--alp-red);

    color:#fff;

    border-color:var(--alp-red);

    transform:translateY(-2px);
}

.alp-shop-categories a.active{
    background:var(--alp-red);

    color:#fff;

    border-color:var(--alp-red);

    box-shadow:0 8px 24px rgba(217,4,41,.22);
}

/* =========================================================
   BUSCADOR
   ========================================================= */

.woocommerce-product-search{
    display:none !important;
}

/* =========================================================
   BARRA SUPERIOR
   ========================================================= */

.alp-shop .woocommerce-result-count{
    margin:12px 0 24px;

    color:#475467;

    font-size:14px;
    font-weight:700;
}

.alp-shop .woocommerce-ordering{
    margin:4px 0 24px;
}

.alp-shop .woocommerce-ordering select{
    min-width:245px;

    height:50px;

    padding:0 42px 0 17px;

    background:#fff;

    color:#111;

    border:1px solid #d6d9de;
    border-radius:14px;

    font-size:14px;
    font-weight:700;
}

/* =========================================================
   GRID PRODUCTOS
   ========================================================= */

.alp-shop ul.products{
    clear:both;

    display:grid !important;

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

    gap:22px !important;

    margin:25px 0 0 !important;

    padding:0 !important;
}

.alp-shop ul.products::before,
.alp-shop ul.products::after{
    display:none !important;
}

/* =========================================================
   TARJETA PRODUCTO
   ========================================================= */

.alp-shop ul.products li.product{
    float:none !important;

    width:100% !important;

    margin:0 !important;

    padding:0 0 18px !important;

    background:#fff;

    border:1px solid var(--alp-border);

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

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

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

    box-shadow:0 18px 42px rgba(0,0,0,.11);
}

/* =========================================================
   IMAGEN
   ========================================================= */

.alp-shop ul.products li.product a img{
    display:block;

    width:100%;

    height:230px;

    object-fit:contain;

    padding:15px;

    margin:0;

    background:#fff;
}

/* =========================================================
   TÍTULO PRODUCTO
   ========================================================= */

.alp-shop ul.products li.product
.woocommerce-loop-product__title{
    margin:0;

    padding:16px 17px 7px;

    min-height:68px;

    color:#111;

    font-size:18px;
    line-height:1.3;

    font-weight:900;
}

/* =========================================================
   PRECIO
   ========================================================= */

.alp-shop ul.products li.product .price{
    display:block;

    margin:4px 17px 12px;

    color:var(--alp-red);

    font-size:18px;

    font-weight:900;
}

/* =========================================================
   OCULTAR AÑADIR AL CARRITO
   ========================================================= */

.alp-shop ul.products li.product
.add_to_cart_button,

.alp-shop ul.products li.product
.ajax_add_to_cart,

.single-product form.cart,

.single-product .quantity,

.single-product .single_add_to_cart_button{
    display:none !important;
}

/* =========================================================
   BOTÓN VER PIEZA
   ========================================================= */

.alp-view-product{
    display:flex;

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

    width:calc(100% - 34px);

    min-height:44px;

    margin:12px 17px 0;

    padding:11px 14px;

    background:var(--alp-red);

    color:#fff !important;

    border-radius:999px;

    text-decoration:none !important;

    font-size:14px;

    font-weight:900;

    transition:.2s ease;
}

.alp-view-product:hover{
    background:var(--alp-red-dark);

    color:#fff !important;
}

/* =========================================================
   FICHA DEL PRODUCTO
   ========================================================= */

.single-product div.product{
    background:#fff;

    padding:30px;

    border-radius:26px;

    box-shadow:0 14px 38px rgba(0,0,0,.07);
}

.single-product .product_title{
    color:#111;

    font-size:38px;

    font-weight:950;
}

.single-product .price{
    color:var(--alp-red) !important;

    font-weight:900;
}

/* =========================================================
   BOTÓN WHATSAPP PRODUCTO
   ========================================================= */

.alp-whatsapp-product{
    display:flex;

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

    width:100%;

    max-width:440px;

    min-height:52px;

    margin-top:20px;

    padding:13px 20px;

    background:var(--alp-red);

    color:#fff !important;

    border-radius:999px;

    text-decoration:none !important;

    font-weight:900;
}

.alp-whatsapp-product:hover{
    background:var(--alp-red-dark);
}

/* =========================================================
   PAGINACIÓN
   ========================================================= */

.alp-shop nav.woocommerce-pagination{
    margin-top:45px;
}

.alp-shop nav.woocommerce-pagination ul{
    border:0;
}

.alp-shop nav.woocommerce-pagination ul li{
    margin:3px;

    border:0;
}

.alp-shop nav.woocommerce-pagination ul li a,
.alp-shop nav.woocommerce-pagination ul li span{
    padding:11px 15px;

    background:#fff;

    color:#111;

    border-radius:10px;

    font-weight:800;
}

.alp-shop nav.woocommerce-pagination
ul li span.current,

.alp-shop nav.woocommerce-pagination
ul li a:hover{
    background:var(--alp-red);

    color:#fff;
}

/* =========================================================
   MINI CART
   ========================================================= */

.site-header-cart,
.header-cart,
.widget_shopping_cart,
.woocommerce-mini-cart{
    display:none !important;
}

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

@media(max-width:1024px){

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

}

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

@media(max-width:767px){

    .alp-shop{
        padding:25px 12px 55px;
    }

    .alp-shop-header{
        margin-bottom:22px;
    }

    .alp-shop-title{
        font-size:32px;

        letter-spacing:-.8px;
    }

    .alp-shop-description{
        font-size:15px;
    }

    /* categorías scroll horizontal */

    .alp-shop-categories{
        justify-content:flex-start;

        flex-wrap:nowrap;

        overflow-x:auto;

        gap:8px;

        margin-bottom:20px;

        padding:2px 2px 10px;

        scrollbar-width:none;

        -webkit-overflow-scrolling:touch;
    }

    .alp-shop-categories::-webkit-scrollbar{
        display:none;
    }

    .alp-shop-categories a{
        flex:0 0 auto;

        min-height:43px;

        padding:10px 15px;

        white-space:nowrap;

        font-size:13px;
    }

    .alp-shop .woocommerce-result-count{
        float:none;

        width:100%;

        margin:5px 0 10px;
    }

    .alp-shop .woocommerce-ordering{
        float:none;

        width:100%;

        margin:0 0 18px;
    }

    .alp-shop .woocommerce-ordering select{
        width:100%;

        min-width:0;
    }

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

        gap:12px !important;

        margin-top:16px !important;
    }

    .alp-shop ul.products li.product{
        border-radius:16px;
    }

    .alp-shop ul.products li.product a img{
        height:160px;

        padding:9px;
    }

    .alp-shop ul.products li.product
    .woocommerce-loop-product__title{
        min-height:56px;

        padding:11px 11px 4px;

        font-size:15px;
    }

    .alp-shop ul.products li.product .price{
        margin:3px 11px 8px;

        font-size:15px;
    }

    .alp-view-product{
        width:calc(100% - 22px);

        margin:10px 11px 0;

        min-height:40px;

        padding:9px 8px;

        font-size:12px;
    }

}

/* =========================================================
   TELÉFONOS PEQUEÑOS
   ========================================================= */

@media(max-width:390px){

    .alp-shop ul.products{
        grid-template-columns:1fr !important;
    }

    .alp-shop ul.products li.product a img{
        height:220px;
    }

}
/* =========================================================
   HEADER PERSONALIZADO - SOLO TIENDA / CATEGORÍAS
   ========================================================= */

/* Ocultar header de Kadence solo en tienda y categorías */

body.woocommerce-shop #masthead,
body.post-type-archive-product #masthead,
body.tax-product_cat #masthead{
    display:none !important;
}


/* HEADER ARMANDO LA PIEZA */

.alp-store-header{
    width:100%;

    background:#080808;

    color:#ffffff;

    border-bottom:3px solid #d90429;
}

.alp-store-header-inner{
    max-width:1240px;

    margin:0 auto;

    padding:18px 20px;

    display:flex;

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

    gap:20px;
}


/* MARCA */

.alp-store-brand{
    display:flex;

    flex-direction:column;

    text-decoration:none !important;

    color:#ffffff !important;
}

.alp-store-brand strong{
    color:#ffffff;

    font-size:24px;
    line-height:1.1;

    font-weight:950;
}

.alp-store-brand span{
    margin-top:4px;

    color:#c7c7c7;

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


/* NAVEGACIÓN */

.alp-store-nav{
    display:flex;

    align-items:center;

    gap:8px;
}

.alp-store-nav a{
    display:inline-flex;

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

    min-height:42px;

    padding:9px 16px;

    border-radius:999px;

    color:#ffffff !important;

    text-decoration:none !important;

    font-size:14px;

    font-weight:800;

    transition:.2s ease;
}

.alp-store-nav a:hover{
    background:#202020;
}


/* BOTÓN WHATSAPP */

.alp-store-nav .alp-header-whatsapp{
    background:#d90429;

    color:#ffffff !important;
}

.alp-store-nav .alp-header-whatsapp:hover{
    background:#a8001f;
}


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

@media(max-width:767px){

    .alp-store-header-inner{
        padding:14px 14px;

        gap:12px;
    }

    .alp-store-brand strong{
        font-size:20px;
    }

    .alp-store-brand span{
        font-size:11px;
    }

    .alp-store-nav a{
        padding:8px 12px;

        min-height:39px;

        font-size:12px;
    }

    .alp-store-nav .alp-header-home{
        display:none;
    }

}
/* =========================================================
   HEADER ARMANDO LA PIEZA
   ========================================================= */

.alp-header{
    position:sticky;
    top:0;
    z-index:999;

    width:100%;

    background:#080808;

    border-bottom:3px solid #d90429;

    box-shadow:0 8px 24px rgba(0,0,0,.14);
}

.admin-bar .alp-header{
    top:32px;
}

.alp-header-inner{
    max-width:1240px;

    margin:0 auto;

    min-height:76px;

    padding:0 20px;

    display:flex;

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

    gap:24px;
}


/* MARCA */

.alp-brand{
    display:flex;

    align-items:center;

    gap:12px;

    color:#fff !important;

    text-decoration:none !important;
}

.alp-brand-mark{
    width:44px;
    height:44px;

    flex:0 0 44px;

    display:flex;

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

    background:#d90429;

    color:#fff;

    border-radius:12px;

    font-size:23px;
    line-height:1;

    font-weight:950;
}

.alp-brand-text{
    display:flex;

    flex-direction:column;

    min-width:0;
}

.alp-brand-text strong{
    color:#fff;

    font-size:21px;
    line-height:1.1;

    font-weight:950;

    letter-spacing:-.4px;
}

.alp-brand-text span{
    margin-top:4px;

    color:#b9b9b9;

    font-size:11px;
    line-height:1.2;

    font-weight:700;
}


/* NAVEGACIÓN */

.alp-nav{
    display:flex;

    align-items:center;

    gap:5px;
}

.alp-nav a{
    min-height:42px;

    display:flex;

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

    padding:9px 15px;

    color:#fff !important;

    border-radius:999px;

    text-decoration:none !important;

    font-size:14px;

    font-weight:800;

    transition:.2s ease;
}

.alp-nav a:hover{
    background:#202020;

    color:#fff !important;
}

.alp-nav .alp-nav-whatsapp{
    margin-left:5px;

    padding-left:20px;
    padding-right:20px;

    background:#d90429;

    color:#fff !important;
}

.alp-nav .alp-nav-whatsapp:hover{
    background:#a8001f;
}


/* MENÚ MÓVIL */

.alp-menu-toggle{
    display:none;

    width:43px;
    height:43px;

    padding:0;

    background:#171717;

    color:#fff;

    border:1px solid #333;
    border-radius:11px;

    font-size:22px;
    line-height:1;

    cursor:pointer;
}


/* =========================================================
   QUITAR HEADER NATIVO KADENCE EN WOOCOMMERCE
   ========================================================= */

body.woocommerce-shop #masthead,
body.post-type-archive-product #masthead,
body.tax-product_cat #masthead,
body.woocommerce-shop .site-header,
body.post-type-archive-product .site-header,
body.tax-product_cat .site-header{
    display:none !important;
}


/* QUITAR HERO / TÍTULO DUPLICADO KADENCE */

body.woocommerce-shop .entry-hero-container-inner,
body.post-type-archive-product .entry-hero-container-inner,
body.tax-product_cat .entry-hero-container-inner,

body.woocommerce-shop .entry-hero,
body.post-type-archive-product .entry-hero,
body.tax-product_cat .entry-hero{
    display:none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .admin-bar .alp-header{
        top:46px;
    }

    .alp-header-inner{
        min-height:68px;

        padding:0 13px;

        gap:12px;
    }

    .alp-brand{
        gap:9px;
    }

    .alp-brand-mark{
        width:39px;
        height:39px;

        flex-basis:39px;

        border-radius:10px;

        font-size:20px;
    }

    .alp-brand-text strong{
        font-size:17px;
    }

    .alp-brand-text span{
        font-size:10px;
    }

    .alp-menu-toggle{
        display:flex;

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

    .alp-nav{
        position:absolute;

        top:100%;
        left:12px;
        right:12px;

        display:none;

        flex-direction:column;

        align-items:stretch;

        gap:6px;

        padding:12px;

        background:#111;

        border:1px solid #2d2d2d;

        border-radius:16px;

        box-shadow:0 14px 35px rgba(0,0,0,.28);
    }

    .alp-nav.open{
        display:flex;
    }

    .alp-nav a{
        width:100%;

        justify-content:flex-start;

        min-height:45px;

        padding:11px 14px;
    }

    .alp-nav .alp-nav-whatsapp{
        margin-left:0;

        justify-content:center;

        background:#d90429;
    }

}