/*
Theme Name: Heros Leather
Theme URI: https://herosleatherhn.com/
Author: Heros Leather
Description: Tema de bloques minimalista y sobrio para Heros Leather. Paleta neutra, dos tipografias autoalojadas y plantillas para WooCommerce. Basado en la dirección visual aprobada.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: heros
Tags: block-theme, woocommerce, minimal, e-commerce
*/

:root{
  --heros-base:#FFFFFF;
  --heros-surface:#F6F4F0;
  --heros-image:#EFEDE8;
  --heros-line:#E4E1DA;
  --heros-contrast:#111111;
  --heros-muted:#6E6A64;
  --heros-accent:#8A7A63;
  --heros-pad:40px;
  --heros-max:1560px;
}
@media (max-width:1100px){ :root{ --heros-pad:24px; } }
@media (max-width:640px){ :root{ --heros-pad:18px; } }

body{ background:var(--heros-base); color:var(--heros-contrast); overflow-x:hidden; }

.heros-container{ max-width:var(--heros-max); margin-inline:auto; padding-inline:var(--heros-pad); }

/* ---------- Cabecera ---------- */
.site-header{ position:sticky; top:0; z-index:50; background:var(--heros-base); border-bottom:1px solid var(--heros-line); }
.notice-bar{ background:var(--heros-surface); border-bottom:1px solid var(--heros-line); }
.notice-bar p{ font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--heros-muted); margin:0; padding:7px 14px; }
.site-nav a{ font-size:12px; text-decoration:none; }
.site-nav a:hover{ opacity:.55; }
.site-logo img{ max-height:30px; width:auto; }

/* ---------- Hero partido ---------- */
.hero-split{ gap:2px; background:var(--heros-line); }
.hero-split .wp-block-column{ margin:0; }
.hero-pane img{ width:100%; height:74vh; min-height:420px; object-fit:cover; }
.hero-strip{ text-align:center; padding:34px 0 42px; border-bottom:1px solid var(--heros-line); }
.hero-strip h1{ max-width:820px; margin-inline:auto; }

/* ---------- Secciones ---------- */
.heros-section{ padding:clamp(58px,7vw,104px) 0; }
.eyebrow{ font-size:10.5px; letter-spacing:.24em; text-transform:uppercase; color:var(--heros-muted); }
.heros-surface{ background:var(--heros-surface); }

/* ---------- Lookbook ---------- */
.look-grid{ display:grid; grid-template-columns:1fr 1fr; gap:34px 26px; }
.look-item img{ aspect-ratio:4/5; object-fit:cover; background:var(--heros-image); }
.look-cap{ display:flex; justify-content:space-between; align-items:baseline; gap:14px; padding-top:12px; }
.look-cap h3{ font-size:17px; margin:0; }
@media (max-width:900px){ .look-grid{ grid-template-columns:1fr; } }

/* ---------- Productos ---------- */
.heros-products ul.products{ display:grid; grid-template-columns:repeat(4,1fr); gap:34px 20px; margin:0; padding:0; list-style:none; }
.heros-products ul.products li.product{ margin:0; }
.heros-products ul.products li.product img{ aspect-ratio:4/5; object-fit:cover; background:var(--heros-image); }
.heros-products ul.products li.product .woocommerce-loop-product__title{ font-size:15px; font-weight:400; padding-top:11px; }
.heros-products ul.products li.product .price{ font-size:13px; color:var(--heros-muted); }
.heros-products ul.products li.product .button{ font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; background:none; color:var(--heros-muted); text-decoration:underline; padding:0; margin-top:7px; }
@media (max-width:1100px){ .heros-products ul.products{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .heros-products ul.products{ grid-template-columns:1fr 1fr; gap:26px 12px; } }

/* ---------- Corporativo ---------- */
.corp-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.corp-item{ background:var(--heros-base); border:1px solid var(--heros-line); }
.corp-item img{ aspect-ratio:1/1; object-fit:cover; }
@media (max-width:1100px){ .corp-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .corp-grid{ grid-template-columns:1fr; } }

/* ---------- Pie ---------- */
.site-footer{ border-top:1px solid var(--heros-line); padding-top:64px; }
.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:36px; }
.footer-grid h4{ font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--heros-muted); margin:0 0 16px; }
.footer-grid ul{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; }
.footer-grid a{ font-size:13.5px; text-decoration:none; }
.footer-grid a:hover{ text-decoration:underline; }
.footer-bottom{ border-top:1px solid var(--heros-line); margin-top:48px; padding:20px 0 34px; display:flex; justify-content:space-between; gap:18px; font-size:11px; color:var(--heros-muted); flex-wrap:wrap; }
@media (max-width:900px){ .footer-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .footer-grid{ grid-template-columns:1fr; } }

/* ---------- WooCommerce ---------- */
.woocommerce ul.products li.product a img{ background:var(--heros-image); }
.woocommerce div.product .product_title{ font-family:"Cormorant Garamond",serif; }
.woocommerce div.product p.price{ font-family:"Cormorant Garamond",serif; font-size:26px; color:var(--heros-contrast); }
.woocommerce .quantity input{ border:1px solid var(--heros-line); height:42px; }
.woocommerce form.checkout{ background:none; }