/* ÓPTICA VER — site.css (chrome para Kadence, v4)
   Header sticky + botones pill + WooCommerce + footer.
   Cambios nuevos marcados con ▶ MEJORA #n.
*/

:root {
  --ov-bg: #f2eada; --ov-white: #ffffff; --ov-ink: #1d1d1f; --ov-ink-2: #424245;
  --ov-soft: #6e6e73; --ov-mute: #86868b; --ov-line: #e5e5e7; --ov-accent: #0071e3;
  --ov-cream: #ece2ce; --ov-red: #c8412c;
}

/* ---- Tipografía global ---- */
body, .site, .entry-content, p {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif !important;
  color: var(--ov-ink-2); letter-spacing: -0.005em;
}
h1, h2, h3, h4, h5, h6, .entry-title, .wp-block-heading {
  font-family: 'Manrope', -apple-system, sans-serif !important;
  font-weight: 600 !important; letter-spacing: -0.025em !important; line-height: 1.1 !important; color: var(--ov-ink) !important;
}
em, .ov-italic { font-family: 'Instrument Serif', serif !important; font-style: italic !important; font-weight: 400 !important; }

/* ---- Botones pill ---- */
.wp-block-button__link, .button, button[type="submit"],
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
  border-radius: 980px !important; padding: 13px 26px !important; min-height: 44px;
  font-weight: 500 !important; font-size: 15px !important; letter-spacing: -0.01em !important;
  background-color: var(--ov-accent) !important; color: #fff !important; border: none !important;
  transition: all .18s ease !important; text-transform: none !important;
}
.wp-block-button__link:hover, .button:hover, .woocommerce a.button:hover { filter: brightness(1.08); transform: translateY(-1px); }

/* ---- Header sticky con blur (▶ MEJORA #4) ---- */
#masthead, .site-header {
  position: sticky !important; top: 0; z-index: 100;
  background-color: rgba(255,255,255,0.85) !important;
  backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid var(--ov-line) !important;
}
/* FIX sticky en Safari/iOS: el wrapper de bloques (.wp-site-blocks) usa overflow:clip y
   WebKit rompe position:sticky cuando un ancestro clippea. Lo liberamos y contenemos el
   scroll horizontal en el root (html), que NO rompe el sticky. */
.wp-site-blocks { overflow: visible !important; }
html { overflow-x: hidden; }

.site-header .menu-item a { font-weight: 500 !important; font-size: 14px !important; letter-spacing: -0.005em !important; color: var(--ov-ink-2) !important; }
.site-header .menu-item a:hover, .site-header .current-menu-item > a { color: var(--ov-ink) !important; }
/* Ítems del menú que quedan sólo como icono (carrito / contacto) */
.site-header a.ov-nav-icon { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.site-header a.ov-nav-icon svg { width: 22px; height: 22px; display: block; }
/* pequeño espacio que separa las categorías (texto) del grupo de iconos (carrito/contacto) */
.site-header .menu-item a.ov-nav-icon--cart { margin-left: 14px; }

/* ---- Productos WooCommerce (▶ MEJORA #12) ---- */
.woocommerce ul.products li.product, .wc-block-grid__product {
  border-radius: 20px !important; overflow: hidden; padding: 0 0 6px !important; border: none !important;
  background: var(--ov-white) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important; transition: transform .25s ease, box-shadow .25s ease;
}
.woocommerce ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,.08) !important; }
.woocommerce ul.products li.product img {
  aspect-ratio: 1 / 1; object-fit: cover; width: 100%; background: var(--ov-cream); /* armazón respira sobre crema */
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .wc-block-grid__product-title {
  font-size: 16px !important; font-weight: 500 !important; color: var(--ov-ink) !important; padding: 14px 18px 0 !important; letter-spacing: -0.01em !important;
}
.woocommerce ul.products li.product .price, .wc-block-grid__product-price {
  font-size: 15px !important; font-weight: 500 !important; color: var(--ov-ink-2) !important; padding: 4px 18px 12px !important; /* precio = info, no acción */
}

/* ---- Footer ---- */
.site-footer .widget-title, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5 {
  font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: var(--ov-mute) !important; margin-bottom: 18px !important;
}
.site-footer a { color: var(--ov-ink-2) !important; font-size: 14px !important; transition: color .15s; }
.site-footer a:hover { color: var(--ov-accent) !important; }
hr, .wp-block-separator { border-top: 1px solid var(--ov-line) !important; background: none !important; }
.header-cart-total { background: var(--ov-accent) !important; color: #fff !important; font-weight: 600 !important; }