/*
Theme Name: Lopez y Ferro Libros
Theme URI: https://lopezyferrolibros.com/
Description: Tema hijo de Book Store Cart con la identidad de Lopez y Ferro Libros: paleta, tipografias y cabecera propias.
Author: Lopez y Ferro Libros
Template: book-store-cart
Version: 1.0.0
Text Domain: lopezyferro
*/

:root{
  --lyf-tinta:#111111;
  --lyf-papel:#ffffff;
  --lyf-cuero:#5d3b20;
  --lyf-crema:#f8f3ea;
  --lyf-crema-clara:#fcfaf6;
  --lyf-linea:#e0e0e0;
  --lyf-tenue:#888888;
}

body{ background:var(--lyf-papel); color:var(--lyf-tinta); }

h1,h2,h3,h4,h5,h6,.wp-block-post-title,.wp-block-site-title{
  font-family:"Playfair Display",Georgia,"Times New Roman",serif;
  letter-spacing:-.01em;
}

.wp-block-site-title a{ color:var(--lyf-tinta); text-decoration:none; }

/* precios y llamadas a la accion en el marron de la marca */
.woocommerce-Price-amount,.wp-block-woocommerce-product-price,
.wc-block-components-product-price{ color:var(--lyf-cuero); font-weight:600; }

.wp-block-button__link,.wp-element-button,button.single_add_to_cart_button,
.woocommerce a.button,.woocommerce button.button{
  background:var(--lyf-cuero); border-color:var(--lyf-cuero); color:#fff;
  border-radius:2px; letter-spacing:.02em;
}
.wp-block-button__link:hover,.wp-element-button:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover{
  background:var(--lyf-tinta); border-color:var(--lyf-tinta); color:#fff;
}

/* tarjetas de producto sobrias, como el sitio original */
ul.products li.product,.wc-block-grid__product{
  border:1px solid var(--lyf-linea); border-radius:3px; padding:14px;
  background:var(--lyf-papel);
}
ul.products li.product:hover{ border-color:var(--lyf-cuero); }
ul.products li.product img,.wc-block-grid__product-image img{
  aspect-ratio:2/3; object-fit:contain; background:var(--lyf-crema-clara);
}
ul.products li.product .woocommerce-loop-product__title{
  font-size:.92rem; line-height:1.35; min-height:3.6em;
}

.woocommerce-message,.woocommerce-info{ border-top-color:var(--lyf-cuero); }
.woocommerce span.onsale{ background:var(--lyf-cuero); }

/* ── Grilla de productos: el tema usa floats y deja huecos ───────────── */
.woocommerce ul.products,
.woocommerce-page ul.products{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:26px 22px; margin:0; padding:0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after{ content:none !important; }
.woocommerce ul.products li.product{
  width:auto !important; float:none !important; margin:0 !important; clear:none !important;
  display:flex; flex-direction:column;
}
.woocommerce ul.products li.product a img{
  aspect-ratio:2/3; object-fit:contain; background:var(--lyf-crema-clara);
  margin-bottom:12px; width:100%;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:"Playfair Display",Georgia,serif; font-size:.95rem; line-height:1.3;
  padding:0; margin:0 0 6px; min-height:3.9em; overflow:hidden;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
}
.woocommerce ul.products li.product .price{ margin:0 0 12px; font-size:1rem; }
.woocommerce ul.products li.product .button{ margin-top:auto; width:100%; text-align:center; }

/* placeholder de portada: gris claro en vez de icono roto */
.woocommerce ul.products li.product img[src*="woocommerce-placeholder"],
.woocommerce ul.products li.product .wp-post-image[src*="placeholder"]{
  opacity:.25; padding:24%; background:var(--lyf-crema);
}

/* ── Banner de cabecera: el titulo del primer producto quedaba encima ── */
.inner-banner-box .wp-block-post-title,
.inner-banner .wp-block-post-title{ display:none !important; }
.inner-banner-box,.inner-banner{ min-height:150px !important; }
.inner-banner-box .wp-block-cover__inner-container,
.inner-banner .wp-block-cover__inner-container{ padding:0 !important; }

/* ── Cabecera: el logo ya dice el nombre, no repetirlo al lado ───────── */
.main-header .wp-block-site-title{ display:none; }
.main-header .wp-block-site-logo img,
.main-header .custom-logo{ max-width:260px; height:auto; }

/* ── Barra lateral ───────────────────────────────────────────────────── */
.wp-block-search__button{ background:var(--lyf-cuero); border-color:var(--lyf-cuero); color:#fff; }
.wc-block-product-categories select,.woocommerce-ordering select{
  padding:8px 10px; border:1px solid var(--lyf-linea); border-radius:3px; max-width:100%;
}
.woocommerce-result-count{ color:var(--lyf-tenue); }

/* ── Paginacion ──────────────────────────────────────────────────────── */
.woocommerce nav.woocommerce-pagination ul{ border:0; gap:6px; display:flex; flex-wrap:wrap; }
.woocommerce nav.woocommerce-pagination ul li{ border:0; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  border:1px solid var(--lyf-linea); border-radius:3px; padding:8px 13px; min-width:0;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--lyf-cuero); border-color:var(--lyf-cuero); color:#fff;
}

/* ── Ficha del libro ─────────────────────────────────────────────────── */
.single-product div.product .woocommerce-product-gallery img{
  aspect-ratio:2/3; object-fit:contain; background:var(--lyf-crema-clara);
}
table.lyf-ficha{ border-collapse:collapse; margin-top:18px; font-size:.92rem; }
table.lyf-ficha th{ color:var(--lyf-tenue); font-weight:500; white-space:nowrap; }
table.lyf-ficha td{ padding:4px 0; }

/* el banner de cabecera mostraba encima el titulo del primer libro */
.wp-block-cover .wp-block-post-title.has-text-align-center{ display:none !important; }
.woocommerce-placeholder{ opacity:1 !important; padding:0 !important; }