/* ==========================================================================
   YOPICO · Revamp visual del tema Classic (PrestaShop 9)
   Pinchos, bombas y gildas artesanas · Artesanos del Ahumado
   --------------------------------------------------------------------------
   Este archivo se carga DESPUES del theme.css, asi que sus reglas mandan.
   Paleta tomada del logo: negro carbon + oro gordal + rojo pimiento + crema.
   Las fuentes (Fraunces + Poppins) se cargan via <link> en head.tpl.
   ========================================================================== */

:root{
  --yo-red:    #C2192B;   /* aceituna roja / pimiento */
  --yo-red-d:  #9d1322;
  --yo-gold:   #E3A81E;   /* aceituna gordal dorada   */
  --yo-gold-d: #c8900f;
  --yo-olive:  #5b6b35;   /* verde aceituna           */
  --yo-ink:    #1A1A1A;   /* negro del wordmark       */
  --yo-cream:  #FAF7F2;   /* fondo calido             */
  --yo-cream2: #F2ECE2;
  --yo-muted:  #6b6357;
  --yo-radius: 16px;
  --yo-shadow: 0 6px 24px rgba(26,26,26,.08);
  --yo-shadow-h: 0 14px 36px rgba(194,25,43,.16);
}

/* ---------- Base / tipografia ------------------------------------------- */
body{
  font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color:var(--yo-ink);
  background:var(--yo-cream);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.h1,.h2,.h3,
.page-title,.products-section-title,.featured-products .title,
.product-title,.product__card-name{
  font-family:'Fraunces','Playfair Display',Georgia,serif !important;
  letter-spacing:.2px;
}
a{color:var(--yo-red);}
a:hover{color:var(--yo-red-d);}

/* ---------- Cabecera ---------------------------------------------------- */
#header{
  background:var(--yo-cream) !important;
  box-shadow:0 2px 14px rgba(26,26,26,.06);
  border:0;
}
#header .header-top{background:transparent;}
.header-top{padding:.6rem 0;}
#_desktop_logo img,.header-logo img,#header .logo{
  max-height:74px;width:auto;height:auto;
}
/* barra superior fina con eslogan */
#header::before{
  content:"Pinchos · Bombas · Gildas artesanas  ·  Envíos a toda España";
  display:block;text-align:center;
  background:var(--yo-ink);color:#fff;
  font-size:.78rem;letter-spacing:1.5px;text-transform:uppercase;
  padding:7px 10px;font-weight:500;
}
/* menu principal */
.header-top .menu .top-menu a.dropdown-item,
#_desktop_top_menu .top-menu a{
  font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;
  color:var(--yo-ink);
}
#_desktop_top_menu .top-menu a:hover{color:var(--yo-red);}
.menu-item.active>a,.top-menu .active>a{color:var(--yo-red) !important;}

/* ---------- Botones ----------------------------------------------------- */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled),
.product-add-to-cart .add-to-cart,
.btn.add-to-cart{
  background:var(--yo-red) !important;
  border-color:var(--yo-red) !important;
  border-radius:999px !important;
  font-weight:600;letter-spacing:.4px;text-transform:uppercase;font-size:.85rem;
  padding:.7rem 1.5rem;
  box-shadow:0 6px 16px rgba(194,25,43,.22);
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.btn-primary:hover,.btn.add-to-cart:hover,.product-add-to-cart .add-to-cart:hover{
  background:var(--yo-red-d) !important;border-color:var(--yo-red-d) !important;
  transform:translateY(-2px);box-shadow:var(--yo-shadow-h);
}
.btn-secondary,.btn-outline-secondary{
  border-radius:999px !important;font-weight:600;
}
.btn-tertiary{color:var(--yo-red);}

/* ---------- Tarjetas de producto --------------------------------------- */
.product-miniature .thumbnail-container,
.js-product-miniature .thumbnail-container,
article.product-miniature{
  border:1px solid var(--yo-cream2);
  border-radius:var(--yo-radius);
  background:#fff;
  box-shadow:var(--yo-shadow);
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease;
}
.product-miniature .thumbnail-container:hover,
article.product-miniature:hover{
  transform:translateY(-6px);
  box-shadow:var(--yo-shadow-h);
}
.product-miniature img,.thumbnail-container .product-thumbnail img{
  border-radius:var(--yo-radius) var(--yo-radius) 0 0;
  width:100%;height:auto;display:block;margin:0 auto;
  object-fit:contain;object-position:center;background:#fff;
}
.product-miniature .product-description{padding:.9rem 1rem 1.1rem;}
.product-title a{color:var(--yo-ink);font-weight:600;}
.product-title a:hover{color:var(--yo-red);}
.product-price-and-shipping .price,.product-miniature .price,.current-price span{
  color:var(--yo-red);font-weight:700;font-size:1.15rem;
  font-family:'Poppins',sans-serif !important;
}
.regular-price{color:var(--yo-muted);}

/* Etiquetas / flags */
.product-flags li.product-flag,
.product-flag{
  border-radius:999px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;
  font-size:.7rem;padding:.32rem .7rem;box-shadow:0 4px 10px rgba(0,0,0,.12);
}
.product-flag.new{background:var(--yo-olive);}
.product-flag.on-sale,.product-flag.discount{background:var(--yo-gold);color:var(--yo-ink);}
/* badge PICANTE: anade la etiqueta "picante" al producto y se vera asi */
.product-flag.picante,.product-flag[class*="picante"]{
  background:var(--yo-red);color:#fff;
}

/* ---------- Ficha de datos de tarifa (peso, uds/kg, precio/ud) ---------- */
.yo-ficha{margin-top:1.1rem;padding:1rem 1.2rem;background:var(--yo-cream);
  border-radius:12px;border:1px solid var(--yo-cream2);}
.yo-ficha ul{margin:0;padding:0;list-style:none;}
.yo-ficha li{padding:.28rem 0;border-bottom:1px dashed var(--yo-cream2);font-size:.98rem;}
.yo-ficha li:last-child{border-bottom:none;}
.yo-ficha strong{color:var(--yo-ink);}
.yo-lote{color:var(--yo-muted);font-size:.95rem;margin:.5rem 0 0;}

/* ---------- Titulos de seccion (home) ---------------------------------- */
h2.products-section-title,.featured-products h2,.h2.products-section-title{
  text-align:center;font-size:2rem;color:var(--yo-ink);
  margin:2.4rem 0 1.6rem;position:relative;
}
h2.products-section-title::after{
  content:"";display:block;width:64px;height:4px;border-radius:4px;
  background:linear-gradient(90deg,var(--yo-gold),var(--yo-red));
  margin:.7rem auto 0;
}

/* ---------- Hero / bloque de texto de la home (ps_customtext) ----------- */
.yo-hero{
  position:relative;border-radius:24px;overflow:hidden;
  background:linear-gradient(135deg,#FFFDF8 0%,#F4EEE3 100%);
  border:1px solid var(--yo-cream2);
  color:var(--yo-ink);padding:clamp(2.2rem,6vw,4.2rem);margin:1.4rem 0 2.2rem;
  box-shadow:var(--yo-shadow);
}
.yo-hero h1{
  color:var(--yo-ink) !important;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;
  margin:0 0 .8rem;max-width:16ch;
}
.yo-hero h1 .acc{color:var(--yo-red);}
.yo-hero p{color:var(--yo-muted);font-size:clamp(1rem,2.2vw,1.25rem);max-width:46ch;opacity:1;margin:0 0 1.6rem;}
.yo-hero .btn{
  background:var(--yo-red);border:0;color:#fff;
  border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;
  padding:.85rem 1.8rem;box-shadow:0 8px 20px rgba(194,25,43,.25);
}
.yo-hero .btn:hover{background:var(--yo-red-d);color:#fff;transform:translateY(-2px);}
.yo-features{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:1rem;margin:1.6rem 0 2.4rem;
}
.yo-feature{
  background:#fff;border:1px solid var(--yo-cream2);border-radius:var(--yo-radius);
  padding:1.3rem;text-align:center;box-shadow:var(--yo-shadow);
}
.yo-feature .ico{display:block;width:100%;height:auto;border-radius:14px;margin:0 0 .8rem;background:var(--yo-cream2);}
.yo-feature h3{font-size:1.05rem;margin:.2rem 0 .3rem;}
.yo-feature p{color:var(--yo-muted);font-size:.9rem;margin:0;}

/* ---------- Pagina de producto ----------------------------------------- */
.product-prices .current-price .price,.product-price .current-price span{
  color:var(--yo-red);font-weight:800;
}
.product-information .product-description{font-size:1.02rem;line-height:1.7;}
.tabs .nav-tabs .nav-link.active{
  color:var(--yo-red);border-bottom:3px solid var(--yo-red);
}

/* ---------- Pie de pagina ---------------------------------------------- */
.footer-container,#footer{
  background:var(--yo-ink) !important;color:#e9e2d6;
  margin-top:3rem;
}
.footer-container .h1,.footer-container .h2,.footer-container .h3,.footer-container .h4,
.footer-container h1,.footer-container h2,.footer-container h3,.footer-container h4,
#footer h3,#footer h4,
.footer-container .links .title,.footer-container .block-contact-title,
.footer-container .title,#footer .title{color:#fff !important;}
.footer-container,.footer-container p,.footer-container li,.footer-container span,
#footer,#footer p,#footer li{color:#e9e2d6;}
.footer-container a,#footer a{color:#cfc6b6;}
.footer-container a:hover,#footer a:hover{color:var(--yo-gold);}
.footer-container li{margin-bottom:.45rem;}

/* ---------- Detalles ---------------------------------------------------- */
.page-header h1,.page-title{font-size:2.1rem;}
.card,.block-categories,.block-contact{border-radius:var(--yo-radius);border:1px solid var(--yo-cream2);}
.breadcrumb{background:transparent;}
::selection{background:var(--yo-gold);color:var(--yo-ink);}

/* Responsive: oculta el eslogan superior en movil para no saturar */
@media (max-width:767px){
  #header::before{font-size:.62rem;letter-spacing:.8px;}
  #_desktop_logo img,.header-logo img{max-height:56px;}
}