/*
Theme Name:   Taller PICHI Tienda
Theme URI:    https://tallerpichi.com
Description:  Tema hijo de Twenty Twenty-Five para la tienda de Taller PICHI: colores rojo y grafito, tipografía Archivo, cabecera y pie propios, tienda con barra de categorías.
Author:       CRELUMIX
Template:     twentytwentyfive
Version:      1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License:      GNU General Public License v2 or later
Text Domain:  pichi-tienda
*/

/* ---------- Títulos con la anchura de la marca ---------- */
h1, h2, h3, .wp-block-site-title, .wp-block-post-title, .wp-block-query-title { font-stretch: 112%; }

/* ---------- Cabecera ---------- */
.pichi-header { position: sticky; top: 0; z-index: 50; }
.admin-bar .pichi-header { top: 32px; }
.pichi-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.pichi-logo-dot { width: 42px; height: 42px; border-radius: 50%; background: #E5312A; color: #fff; display: grid; place-items: center; font-weight: 800; font-size: .7rem; letter-spacing: .02em; margin: 0 !important; line-height: 1; flex: none; }
.pichi-header .wp-block-site-title a { color: #fff; text-decoration: none; }
.pichi-tagline { font-size: .72rem !important; letter-spacing: .08em; text-transform: uppercase; color: #9FAAB4; margin: 2px 0 0 !important; }
.pichi-header .wp-block-search__input { border-radius: 999px 0 0 999px; border: 0; padding: .7rem 1.1rem; min-width: 0; background: #fff; }
.pichi-header .wp-block-search__button { border-radius: 0 999px 999px 0; margin: 0; }
.pichi-header .wp-block-search__inside-wrapper { border: 0; padding: 0; background: transparent; }
.pichi-header .pichi-header-link a { color: #C5CED6; text-decoration: none; font-weight: 600; }
.pichi-header .pichi-header-link a:hover { color: #fff; }

/* ---------- Tienda: barra lateral de categorías ---------- */
.pichi-sidebar { position: sticky; top: 110px; }
.pichi-sidebar .wc-block-product-categories-list { list-style: none; margin: 0; padding: 0; }
.pichi-sidebar .wc-block-product-categories-list--depth-0 > .wc-block-product-categories-list-item { border-bottom: 1px solid #DDE2E7; padding: .45rem 0; }
.pichi-sidebar .wc-block-product-categories-list--depth-0 > li > a { font-weight: 700; }
.pichi-sidebar .wc-block-product-categories-list--depth-1 { padding: .2rem 0 .2rem .8rem; }
.pichi-sidebar .wc-block-product-categories-list--depth-1 a { font-size: .92rem; color: #5B6570; }
.pichi-sidebar a { text-decoration: none; }
.pichi-sidebar a:hover { color: #E5312A; }
.pichi-sidebar .wc-block-product-categories-list-item-count { font-size: .78rem; color: #8994A0; margin-left: .25rem; }
.pichi-sidebar .wc-block-product-categories-list-item-count::before, .pichi-sidebar .wc-block-product-categories-list-item-count::after { content: none; }
.pichi-cats-mobile { display: none; }
@media (max-width: 781px) {
	.pichi-sidebar { display: none; }
	.pichi-cats-mobile { display: block; }
	.pichi-cats-mobile select { width: 100%; padding: .75rem 1rem; border-radius: 12px; border: 1px solid #DDE2E7; font: inherit; background: #fff; }
}

/* ---------- Tarjetas de producto ---------- */
.wc-block-product-template .wc-block-product,
.wp-block-woocommerce-product-template > li {
	background: #fff; border: 1px solid #DDE2E7; border-radius: 16px; overflow: hidden;
	display: flex; flex-direction: column; padding-bottom: 1rem; transition: border-color .2s, box-shadow .2s;
}
.wc-block-product-template .wc-block-product:hover { border-color: #B9C2CB; box-shadow: 0 14px 30px -18px rgba(31,37,43,.35); }
.wc-block-product-template .wc-block-components-product-image { margin-bottom: .8rem !important; background: #F2F4F6; }
.wc-block-product-template .wc-block-components-product-image img { aspect-ratio: 1 / 1 !important; object-fit: contain !important; width: 100%; height: auto; }
.wc-block-product-template .wp-block-post-title { padding: 0 1rem; font-size: 1rem !important; font-weight: 700; line-height: 1.25 !important; font-stretch: 104%; margin-bottom: .4rem !important; text-align: left !important; }
.wc-block-product-template .wp-block-post-title a { text-decoration: none; }
.wc-block-product-template .wc-block-components-product-price { padding: 0 1rem; text-align: left !important; font-weight: 700; margin-bottom: .2rem !important; }
.wc-block-product-template .pichi-loop-btn { padding: 0 1rem; margin-top: auto; text-align: left; }
@media (max-width: 600px) {
	.wc-block-product-template .wp-block-post-title { font-size: .9rem !important; padding: 0 .7rem; }
	.wc-block-product-template .wc-block-components-product-price { padding: 0 .7rem; font-size: .9rem !important; }
	.wc-block-product-template .pichi-loop-btn { padding: 0 .7rem; }
	.wc-block-product-template .pichi-wa-btn--small span { font-size: .8rem; }
}

/* ---------- Ficha de producto ---------- */
.single-product .wp-block-post-title { font-size: clamp(1.7rem, 3.4vw, 2.4rem) !important; }
.single-product .wc-block-components-product-price { font-size: 1.6rem !important; font-weight: 800; }
.woocommerce-product-gallery__image img, .wc-block-product-gallery img { border-radius: 16px; }
.woocommerce-tabs .tabs { border-bottom: 1px solid #DDE2E7; }
.woocommerce-product-attributes th { width: 40%; }

/* ---------- Encabezado de la tienda ---------- */
.pichi-shop-hero { border-radius: 20px; }
.pichi-shop-hero .wp-block-query-title { color: #fff; }
.pichi-shop-hero .wc-block-breadcrumbs, .pichi-shop-hero .wc-block-breadcrumbs a, .pichi-shop-hero .woocommerce-breadcrumb, .pichi-shop-hero .woocommerce-breadcrumb a { color: #C5CED6 !important; }

/* ---------- Pie ---------- */
.pichi-footer a { color: #C5CED6; text-decoration: none; }
.pichi-footer a:hover { color: #fff; }

/* Resumen corto en una línea legible */
.single-product .wp-block-post-excerpt__excerpt { color: #5B6570; }