/*
Theme Name: Ciervo Negro
Theme URI: https://ciervonegro.com
Description: Tema personalizado para Ciervo Negro – Tienda de camisetas DTF premium. Dark mode, minimalista, Rock, F1 y Cultura Pop.
Author: Ciervo Negro
Author URI: https://ciervonegro.com
Template: storefront
Version: 1.0.0
Text Domain: ciervonegro
Tags: woocommerce, dark-mode, custom, ecommerce
*/
/* 1. FORZAR DISEÑO DE TIENDA LIMPIO (1600px) */
.archive.woocommerce .site-content, 
.archive.woocommerce #primary,
.archive.woocommerce .content-area {
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding: 40px 80px !important; /* Mismo margen de 80px que el Home */
    float: none !important;
    width: 100% !important;
}

/* 2. OCULTAR ELEMENTOS QUE DESORDENAN (404, Buscador, Sidebar) */
.archive.woocommerce .page-header, 
.archive.woocommerce .error-404, 
.archive.woocommerce .widget-area, 
.archive.woocommerce .woocommerce-breadcrumb,
.archive.woocommerce .sidebar {
    display: none !important;
}

/* 3. TÍTULO DE LA TIENDA (Igual al Home) */
.archive.woocommerce .woocommerce-products-header__title {
    font-size: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #888 !important; /* Gris como en el Home */
    margin-bottom: 50px !important;
    text-align: left !important;
}

/* 4. GRILLA DE 4 COLUMNAS (Igual al Home) */
.archive.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
}

/* 5. ESTILO DE TARJETAS (Para que coincidan con tus capturas del Home) */
.archive.woocommerce ul.products li.product {
    background-color: #000 !important; /* Fondo negro en la tarjeta */
    padding: 15px !important;
    border-radius: 8px !important;
    text-align: center !important;
    width: 100% !important;
}

.archive.woocommerce ul.products li.product h2,
.archive.woocommerce ul.products li.product .price,
.archive.woocommerce ul.products li.product .price span {
    color: #fff !important; /* Texto blanco en tarjetas negras */
    text-transform: uppercase !important;
    font-size: 14px !important;
}

/* Eliminar el título de página que choca con el logo */
.archive.woocommerce .woocommerce-products-header {
    display: none !important;
}

/* Si aún queda un espacio blanco arriba, ajustamos el margen del main */
.archive.woocommerce #main {
    padding-top: 100px !important;
}

/* Título de la categoría (Música, Cine, etc.) alineado a la izquierda */
.tax-product_cat .page-title {
    font-size: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #888 !important;
    margin-bottom: 40px !important;
    padding-left: 0 !important;
    text-align: left !important;
}

/* Ocultar la descripción de la categoría si no la usas */
.tax-product_cat .term-description {
    display: none !important;
}

/* Movimiento Suave Seccion Ayuda */
html {
  scroll-behavior: smooth;
}

/* Evita que el menú de arriba tape el título al saltar */
section[id] {
  scroll-margin-top: 100px; 
}

.page-id-638 .cn-marquee {
    display: none !important;
}

/* FIX FOOTER STORE FRONT AYUDA */
.page-id-638 .site-main {
display: block !important;
}

.page-id-638 .site-content {
display: block !important;
height: auto !important;
min-height: 0 !important;
}

.page-id-638 #primary {
float: none !important;
width: 100% !important;
}

.page-id-638 .content-area {
width: 100% !important;
}

.page-id-638 .site-footer,
.page-id-638 .cn-footer,
.page-id-638 .cn-marquee {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}

/* ===== FIX HEADER TAPANDO TITULO ===== */
.page-id-638 .site-main {
padding-top: 120px !important; /* altura del header */
}

/* ===== ESTILO PAGINA AYUDA ===== */
.page-id-638 {
background: #000 !important;
}

.page-id-638 .cn-ayuda-final {
max-width: 1600px;
margin: 0 auto;
padding: 40px 80px;
color: #ccc;
}

.page-id-638 .cn-ayuda-final h2{
color:#888;
text-transform:uppercase;
letter-spacing:2px;
margin-bottom:30px;
}

.page-id-638 .cn-ayuda-final h3{
color:#fff;
margin-top:40px;
}

.page-id-638 .cn-ayuda-final p,
.page-id-638 .cn-ayuda-final li{
color:#ccc;
line-height:1.7;
}

.page-id-638 .cn-ayuda-final hr{
border:0;
border-top:1px solid #222;
margin:40px 0;
}

/* OCULTAR TITULO AYUDA DEL TEMA */
.page-id-638 .entry-header,
.page-id-638 .entry-title {
display: none !important;
}

/* TABLAS GUIA DE TALLAS */
.page-id-638 .cn-ayuda-final table {
width: 100%;
max-width: 700px;
border-collapse: collapse;
margin: 30px auto;
background: #111;
}

.page-id-638 .cn-ayuda-final th {
background: #151515;
color: #777; /* gris oscuro */
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
padding: 12px;
border: 1px solid #222;
text-align: center;
}

.page-id-638 .cn-ayuda-final td {
padding: 12px;
border: 1px solid #222;
color: #9a9a9a; /* gris oscuro */
text-align: center !important; /* centrado */
}

.page-id-638 .cn-ayuda-final table tr:hover {
background: #161616;
}

/* FIX FOOTER STORE FRONT POLITICAS */
.page-id-3 .site-main {
display: block !important;
}

.page-id-3 .site-content {
display: block !important;
height: auto !important;
min-height: 0 !important;
}

.page-id-3 #primary {
float: none !important;
width: 100% !important;
}

.page-id-3 .content-area {
width: 100% !important;
}

.page-id-3 .site-footer,
.page-id-3 .cn-footer,
.page-id-3 .cn-marquee {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}

/* ===== FIX HEADER TAPANDO TITULO ===== */
.page-id-3 .site-main {
padding-top: 150px !important; /* altura del header */
}

/* ===== ESTILO PAGINA AYUDA ===== */
.page-id-3 {
background: #000 !important;
}

.page-id-3 .cn-legal {
max-width: 1600px;
margin: 0 auto;
padding: 40px 80px;
color: #ccc;
}

.page-id-3 .cn-legal h2{
color:#888;
text-transform:uppercase;
letter-spacing:2px;
margin-bottom:30px;
}

.page-id-3 .cn-legal h3{
color:#fff;
margin-top:40px;
}

.page-id-3 .cn-legal p,
.page-id-3 .cn-legal li{
color:#ccc;
line-height:1.7;
}

.page-id-3 .cn-legal hr{
border:0;
border-top:1px solid #222;
margin:40px 0;
}

/* OCULTAR TITULO AYUDA DEL TEMA */
.page-id-3 .entry-header,
.page-id-3 .entry-title {
display: none !important;
}

/* ARREGLO PAGINAS DE PRODUCTO */
/* TABLA TALLAS PRODUCTO */

.cn-tab-tallas table{
width:100%;
max-width:700px;
border-collapse:collapse;
margin:20px 0;
background:#111;
}

.cn-tab-tallas th{
background:#1a1a1a;
color:#888;
text-transform:uppercase;
font-size:12px;
letter-spacing:1px;
}

.cn-tab-tallas th,
.cn-tab-tallas td{
border:1px solid #333;
padding:12px;
text-align:center;
color:#ccc;
}

.cn-tab-tallas h4{
color:#fff;
margin-top:30px;
}

.cn-tallas-note{
color:#777;
font-size:13px;
margin-top:10px;
}

.cn-tab-list li{
margin-bottom:8px;
color:#ccc;
}

/* VARIACIONES COMO BOTONES */

.variations_form table.variations{
border:none;
margin-bottom:20px;
}

.variations_form table.variations td{
padding:10px 0;
display:block;
}

.variations_form table.variations label{
text-transform:uppercase;
font-size:12px;
letter-spacing:2px;
color:#888;
margin-bottom:10px;
display:block;
}

/* ocultar select original */
.variations select{
display:none !important;
}

/* contenedor botones */
.cn-variation-buttons{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:15px;
}

/* botones */
.cn-variation-btn{
border:1px solid #333;
padding:10px 16px;
font-size:12px;
letter-spacing:1px;
cursor:pointer;
color:#aaa;
background:transparent;
transition:all .2s ease;
}

/* hover */
.cn-variation-btn:hover{
border-color:#777;
color:#fff;
}

/* activo */
.cn-variation-btn.active{
border-color:#fff;
color:#fff;
}

/* disabled */
.cn-variation-btn.disabled{
opacity:.3;
pointer-events:none;
}

/* BOTON COMPRAR PREMIUM */

.single_add_to_cart_button{
width:100%;
background:#fff !important;
color:#000 !important;
border:none !important;
padding:18px !important;
font-size:14px !important;
letter-spacing:2px;
text-transform:uppercase;
transition:all .2s ease;
}

.single_add_to_cart_button:hover{
background:#ddd !important;
}

.single_add_to_cart_button:disabled{
opacity:.4;
cursor:not-allowed;
}

.cn-badge-producto{
margin:10px 0 15px 0;
font-size:11px;
letter-spacing:2px;
text-transform:uppercase;
color:#888;
}

.cn-stock-msg{
margin-top:15px;
font-size:12px;
letter-spacing:1px;
color:#777;
}

/* IMAGEN PRODUCTO PREMIUM */

.woocommerce div.product div.images img{
transition:transform .4s ease;
}

.woocommerce div.product div.images:hover img{
transform:scale(1.05);
}

/* THUMBNAILS PRODUCTO */

.woocommerce div.product .flex-control-thumbs{
margin-top:15px;
display:flex;
gap:10px;
}

.woocommerce div.product .flex-control-thumbs li{
border:1px solid #222;
transition:all .2s ease;
}

.woocommerce div.product .flex-control-thumbs li:hover{
border-color:#666;
}

.woocommerce div.product .flex-control-thumbs img{
opacity:.6;
}

.woocommerce div.product .flex-control-thumbs .flex-active img{
opacity:1;
}

/* ESPACIADO PRODUCTO */

.woocommerce div.product div.summary{
padding-left:60px;
}

@media(max-width:768px){
.woocommerce div.product div.summary{
padding-left:0;
margin-top:30px;
}
}

/* BADGES IMAGEN PRODUCTO */

.cn-product-badges{
position:absolute;
top:20px;
left:20px;
display:flex;
flex-direction:column;
gap:8px;
z-index:2;
}

.cn-product-badges span{
background:rgba(0,0,0,.7);
color:#fff;
font-size:11px;
letter-spacing:1px;
text-transform:uppercase;
padding:6px 10px;
border:1px solid rgba(255,255,255,.2);
}

/* asegurar contenedor relativo */
.woocommerce div.product div.images{
position:relative;
}

/* FIX HEADER PRODUCTO */
.single-product .site-main{
padding-top:150px !important;
}

.single-product .site-content{
padding-top:0 !important;
}

/* FIX FOOTER PRODUCTO */
.single-product .site-main{
display:block !important;
}

.single-product .site-content{
display:block !important;
height:auto !important;
}

.single-product #primary{
float:none !important;
width:100% !important;
}

.single-product .site-footer,
.single-product .cn-footer,
.single-product .cn-marquee{
display:block !important;
visibility:visible !important;
opacity:1 !important;
}

.single-product{
background:#000 !important;
}

.single-product #page{
background:#000 !important;
}

/* CONTENEDOR PRODUCTO 1600px */
.single-product .site-main{
max-width:1600px;
margin:0 auto;
padding-left:80px;
padding-right:80px;
box-sizing:border-box;
}

/* QUITAR NEXT PREV PRODUCTO */
.single-product .storefront-product-pagination{
display:none !important;
}

.single-product .woocommerce-breadcrumb + .storefront-product-pagination{
display:none !important;
}

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

/* FIX LAYOUT PRODUCTO */
.single-product div.product{
display:block !important;
}

.single-product div.product .images{
width:48%;
float:left;
}

.single-product div.product .summary{
width:48%;
float:right;
}

.single-product .woocommerce-tabs{
clear:both;
width:100%;
display:block;
margin-top:60px;
}

@media(max-width:768px){

.single-product div.product .images,
.single-product div.product .summary{
width:100%;
float:none;
}

}

/* PRODUCTOS RELACIONADOS */

.related.products{
margin-top:80px;
}

.related.products h2{
font-size:18px;
letter-spacing:2px;
text-transform:uppercase;
color:#888;
margin-bottom:40px;
}

/* GRID */

.related.products ul.products{
display:flex;
gap:30px;
flex-wrap:wrap;
}

.related.products li.product{
width:22%;
text-align:center;
}

/* IMAGEN */

.related.products li.product img{
transition:transform .3s ease;
}

.related.products li.product:hover img{
transform:scale(1.05);
}

/* TITULO */

.related.products .woocommerce-loop-product__title{
font-size:14px;
color:#fff;
margin-top:15px;
}

/* PRECIO */

.related.products .price{
color:#aaa;
font-size:13px;
}

/* BOTON */

.related.products .button{
display:none;
}

@media(max-width:768px){

.related.products li.product{
width:48%;
}

}

/* QUITAR BREADCRUMB PRODUCTO */
.single-product .woocommerce-breadcrumb{
display:none !important;
}

/* ESPACIADO SUPERIOR PRODUCTO */
.single-product div.product{
margin-top:40px;
}

/* TITULO PRODUCTO PREMIUM */
.single-product .product_title{
font-size:28px;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:10px;
}

/* TITULO PRODUCTO PREMIUM */
.single-product .product_title{
font-size:28px;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:10px;
}

/* ESPACIADO COLUMNA PRODUCTO */
.single-product div.product .summary{
padding-left:60px;
}

/* ESPACIADO COLUMNA PRODUCTO */
.single-product div.product .summary{
padding-left:60px;
}

/* OCULTAR BLOQUE CHECK PRODUCTO */
.cn-product-trust{
display:none !important;
}

/* CINTA PRODUCTO FULL WIDTH */

.cn-product-marquee{
margin-top:25px;
margin-left:calc(-50vw + 50%);
margin-right:calc(-50vw + 50%);
width:100vw;

overflow:hidden;
border-top:1px solid #222;
border-bottom:1px solid #222;

padding:14px 0;
background:#000;
}

.cn-product-marquee-track{
display:flex;
gap:70px;
white-space:nowrap;
animation:cnMarquee 35s linear infinite;
}

.cn-product-marquee span{
font-size:11px;
letter-spacing:2px;
text-transform:uppercase;
color:#888;
}

/* ===== CINTA BENEFICIOS FULL WIDTH REAL ===== */
.single-product .cn-benefits-bar{
width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);

background:#000;
border-top:1px solid #222;
border-bottom:1px solid #222;

padding:26px 0;
margin-top:40px;
margin-bottom:40px;

overflow:hidden;
}

.single-product .cn-benefits-track{
display:flex;
gap:80px;
white-space:nowrap;
animation: cnScroll 40s linear infinite;
}

.single-product .cn-benefits-item{
color:#888;
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
}

@keyframes cnScroll{
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}

/* BORRAR LOS SKU ABAJO */
.single-product .product_meta{
display:none !important;
}

.cn-meta-top{
display:flex;
gap:30px;
margin:15px 0 20px 0;
font-size:11px;
letter-spacing:1.5px;
text-transform:uppercase;
color:#777;
}

.cn-meta-top a{
color:#777;
text-decoration:none;
}

.cn-meta-top a:hover{
color:#fff;
}

.single-product .cn-benefits-item:after{
content:"—";
margin-left:80px;
color:#333;
}

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

.single-product .woocommerce-tabs{
max-width:1600px;
margin:80px auto;
padding:0 80px;
border-top:1px solid #222;
padding-top:40px;
}

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

/* ============================= */
/* ORGANIZAR LOS TABS */
/* ============================= */

/* ===== BLOQUE INFO PRODUCTO PREMIUM ===== */

.cn-product-info{
max-width:900px;
margin:120px auto;
padding:0 20px;
color:#ccc;
}

.cn-product-bloque{
margin-bottom:80px;
}

.cn-product-bloque h2{
font-size:14px;
letter-spacing:3px;
text-transform:uppercase;
color:#888;
margin-bottom:30px;
border-bottom:1px solid #222;
padding-bottom:15px;
}

.cn-product-bloque p{
line-height:1.8;
color:#aaa;
}

/* listas */
.cn-product-bloque ul{
margin-top:20px;
}

.cn-product-bloque li{
margin-bottom:10px;
color:#aaa;
}

/* tablas tallas */
.cn-product-info table{
width:100%;
border-collapse:collapse;
margin:30px 0;
}

.cn-product-info th,
.cn-product-info td{
border:1px solid #222;
padding:14px;
text-align:center;
}

.cn-product-info th{
color:#888;
font-weight:500;
}

.cn-product-info td{
color:#aaa;
}

/* BOTONES DE PRODUCTO */

.cn-product-help{
margin:18px 0 22px;
display:flex;
gap:10px;
flex-wrap:wrap;
}

.cn-product-help a{
border:1px solid #333;
padding:10px 14px;
font-size:11px;
letter-spacing:1px;
text-transform:uppercase;
color:#999;
text-decoration:none;
transition:.25s;
}

.cn-product-help a:hover{
border-color:#fff;
color:#fff;
background:#111;
}

/* Forzar columnas related */
add_filter('loop_shop_columns', function() {
    return 4;
});

/* =========================
   CARRITO CIERVO NEGRO
========================= */

/* Ocultar titulo cart I */
.woocommerce-cart .entry-header{
display:none !important;
}

/* Ocultar titulo cart II */
body.woocommerce-cart h1{
display:none !important;
}

/* bajar contenido carrito */
.woocommerce-cart .site-main{
padding-top:150px !important;
}

/* FIX FOOTER CARRITO */
.woocommerce-cart .site-main{
display:block !important;
}

.woocommerce-cart .site-main{
display:block !important;
height:auto !important;
}

.woocommerce-cart #primary{
float:none !important;
width:100% !important;
}

.woocommerce-cart .site-footer,
.woocommerce-cart .cn-footer,
.woocommerce-cart .cn-marquee{
display:block !important;
visibility:visible !important;
opacity:1 !important;
}

/* forzar ancho carrito */
body.woocommerce-cart .site-main{
max-width:1400px !important;
margin:0 auto !important;
padding-left:80px !important;
padding-right:80px !important;
}

/* imagen carrito premium */
.woocommerce-cart .product-thumbnail{
width:200px !important;
}

.woocommerce-cart .product-thumbnail img{
width:180px !important;
height:auto !important;
}

/* ocultar titulo checkout */
.woocommerce-checkout .entry-header{
display:none !important;
}

/* bajar contenido checkout */
.woocommerce-checkout .site-main{
padding-top:150px !important;
}

/* FIX FOOTER CHECKOUT */
.woocommerce-checkout .site-main{
display:block !important;
height:auto !important;
}

.woocommerce-checkout #primary{
float:none !important;
width:100% !important;
}

.woocommerce-checkout .site-footer,
.woocommerce-checkout .cn-footer,
.woocommerce-checkout .cn-marquee{
display:block !important;
visibility:visible !important;
opacity:1 !important;
}

/* contenedor 1600px checkout */
.woocommerce-checkout .woocommerce{
max-width:1400px !important;
margin:0 auto !important;
padding-left:80px !important;
padding-right:80px !important;
box-sizing:border-box;
}

.woocommerce-checkout .site-main{
max-width:1400px !important;
margin:0 auto !important;
}