/* ==========================================================================
   Computienda — child theme, capa de diseno sobre Astra + WooCommerce.
   Selectores verificados contra el HTML real en vivo (no adivinados).
   ========================================================================== */

:root{
  --ink:#14161a;
  --ink-2:#1d2026;
  --paper:#fafafa;
  --surface:#efefee;
  --surface-2:#e3e3e1;
  --line:rgba(20,22,26,.12);
  --line-dark:rgba(250,250,249,.15);
  --muted:#6b6e76;
  --muted-on-dark:rgba(250,250,249,.66);
  --accent:#ff6224;
  --accent-ink:#ffffff;
  --accent-dim:#d8480d;
  --stock:#1c8a4b;
  --stock-bg:rgba(28,138,75,.12);
  --shadow:0 1px 2px rgba(20,22,26,.05), 0 20px 44px -22px rgba(20,22,26,.35);
}

body{ font-family:"Manrope",-apple-system,BlinkMacSystemFont,sans-serif; color:var(--ink); background:var(--paper); }
h1,h2,h3,.site-title,.ast-woocommerce-container .woocommerce-loop-product__title{ font-family:"Archivo",sans-serif; letter-spacing:-.01em; }
a{ transition:color .15s ease; }

/* ---------- above-header bar (envio gratis + buscador, ambos ya reales) ---------- */
.ast-above-header-wrap{ background:var(--ink); border-bottom:none; }
.ast-above-header-bar .site-above-header-wrap{ padding:10px 0 !important; }
.ast-above-header-bar .ast-builder-grid-row{
  display:flex !important; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap;
}
.ast-above-header-bar .header-widget-area-inner{
  display:flex !important; align-items:center; gap:18px; flex-wrap:wrap; justify-content:center;
}
.ast-above-header-wrap .wp-block-heading{
  color:#fff; font-family:"Manrope",sans-serif; font-weight:700; font-size:.82rem;
  letter-spacing:.02em; margin:0; white-space:nowrap;
}
.ast-above-header-bar .wp-block-search{ margin:0; width:auto; max-width:280px; }
.ast-above-header-bar .wp-block-search__inside-wrapper{
  background:#fff; border-radius:999px; border:none !important; overflow:hidden; height:34px;
}
.ast-above-header-bar .wp-block-search__input{
  border:none !important; background:transparent; font-family:"Manrope",sans-serif; font-size:.8rem;
  padding:0 16px !important; height:34px !important; color:var(--ink); width:220px;
}
.ast-above-header-bar .wp-block-search__input::placeholder{ color:var(--muted); }
@media (max-width:640px){
  .ast-above-header-bar .wp-block-search{ max-width:100%; width:100%; }
  .ast-above-header-bar .wp-block-search__input{ width:100%; }
}

/* ---------- header principal ---------- */
#masthead{ background:#fff; border-bottom:1px solid var(--line); }
.main-header-bar{ background:#fff; border-bottom:none; padding:14px 0; }
.site-branding .custom-logo{ max-height:42px; width:auto; }
.main-header-menu{ gap:6px; }
.main-header-menu .menu-link{
  font-family:"Manrope",sans-serif; font-weight:700; font-size:.9rem; color:var(--ink);
  padding:.6rem .9rem; border-radius:8px; text-decoration:none;
}
.main-header-menu .menu-item:hover > .menu-link{ color:var(--accent); background:var(--surface); }
.ast-header-account-link{ color:var(--ink); }
.ast-header-account-link:hover{ color:var(--accent); }
.xoo-wsc-sc-cont .xoo-wsc-sc-bki{ color:var(--ink); }
.xoo-wsc-sc-cont:hover .xoo-wsc-sc-bki{ color:var(--accent); }

/* ---------- footer ---------- */
.site-footer{ background:var(--ink); color:var(--muted-on-dark); }
.site-footer a{ color:rgba(250,250,249,.86); text-decoration:none; }
.site-footer a:hover{ color:var(--accent); }
.site-above-footer-wrap{ background:var(--ink-2); border-bottom:1px solid var(--line-dark); }
.site-primary-footer-wrap{ background:var(--ink); padding:36px 0; }
.footer-widget-area .widget-title,.footer-widget-area h3{ color:#fff; font-family:"Archivo",sans-serif; font-size:.9rem; margin-bottom:12px; }
.site-footer .wp-block-list{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
#colophon,.ast-small-footer{ background:var(--ink); color:var(--muted-on-dark); border-top:1px solid var(--line-dark); }

/* ---------- catalogo: breadcrumb, orden, paginacion (reales de WooCommerce) ---------- */
.woocommerce-breadcrumb{
  font-family:"Manrope",sans-serif; font-size:.82rem; color:var(--muted);
  margin-bottom:22px !important; padding:0 !important;
}
.woocommerce-breadcrumb a{ color:var(--muted); text-decoration:none; }
.woocommerce-breadcrumb a:hover{ color:var(--ink); text-decoration:underline; }

.woocommerce-result-count{ font-family:"Manrope",sans-serif; font-size:.86rem; color:var(--muted); }
.woocommerce-ordering select{
  font-family:"Manrope",sans-serif; font-weight:600; font-size:.85rem; color:var(--ink);
  border:1px solid var(--line); border-radius:10px; padding:.55rem 1rem;
}

.woocommerce-pagination ul.page-numbers{ display:flex; gap:8px; list-style:none; padding:0; margin:40px 0 0; }
.woocommerce-pagination .page-numbers{
  display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px;
  border-radius:10px; border:1px solid var(--line); color:var(--ink); font-family:"Manrope",sans-serif;
  font-weight:700; font-size:.85rem; text-decoration:none;
}
.woocommerce-pagination .page-numbers.current,
.woocommerce-pagination .page-numbers:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }

/* ---------- grid de productos ---------- */
ul.products{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap:20px !important;
  margin:0 !important; padding:0 !important; list-style:none !important;
}
ul.products::before,ul.products::after{ content:none !important; }

/* ---------- tarjeta de producto (cw-card, content-product.php) ---------- */
li.product.cw-card{
  background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden;
  display:flex; flex-direction:column; box-shadow:var(--shadow); transition:transform .15s ease, box-shadow .15s ease;
  margin:0 !important; padding:0 !important; text-align:left !important;
}
li.product.cw-card:hover{ transform:translateY(-3px); box-shadow:0 4px 10px rgba(20,22,26,.08), 0 28px 50px -20px rgba(20,22,26,.28); }
.cw-card-media-link{ display:block; text-decoration:none; }
.cw-card-media{ position:relative; background:var(--surface); aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; padding:18px; }
.cw-card-img{ width:100% !important; height:100% !important; object-fit:contain; }
.cw-badge{
  position:absolute; top:12px; left:12px; z-index:2; font-family:"Manrope",sans-serif;
  font-size:.68rem; font-weight:700; padding:.3rem .6rem; border-radius:999px;
}
.cw-badge-stock{ background:var(--stock-bg); color:var(--stock); }
.cw-badge-out{ background:var(--surface-2); color:var(--muted); }
.cw-card-cat{
  position:absolute; top:12px; right:12px; z-index:2; font-family:"Manrope",sans-serif;
  font-size:.66rem; font-weight:700; color:var(--muted); background:#fff; border:1px solid var(--line);
  padding:.28rem .55rem; border-radius:999px;
}
.cw-card-body{ padding:16px; display:flex; flex-direction:column; gap:4px; flex:1; }
.cw-card-brand{ font-size:.72rem; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; }
.cw-card-title-link{ text-decoration:none; }
.cw-card-title{
  font-family:"Manrope",sans-serif !important; font-weight:700 !important; font-size:.94rem !important;
  color:var(--ink) !important; line-height:1.35; margin:2px 0 6px !important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.cw-card-price-row .price{
  font-family:"Archivo",sans-serif; font-weight:800; font-size:1.15rem; color:var(--ink);
}
.cw-card-price-row del{ color:var(--muted); font-size:.85rem; opacity:.7; }
.cw-card-price-row ins{ text-decoration:none; }
.cw-card-ship{
  display:flex; align-items:center; gap:.35rem; font-size:.74rem; color:var(--muted); margin-top:2px;
}
.cw-card-cta{ margin-top:10px; }
.cw-card-cta .add_to_cart_button,.cw-card-cta .button{
  display:flex !important; align-items:center; justify-content:center; gap:.4rem;
  width:100%; background:var(--accent) !important; color:#fff !important;
  font-family:"Manrope",sans-serif; font-weight:700; font-size:.85rem;
  border-radius:10px; padding:.7rem 1rem !important; border:none !important; text-decoration:none !important;
  transition:background .15s ease;
}
.cw-card-cta .add_to_cart_button:hover,.cw-card-cta .button:hover{ background:var(--accent-dim) !important; }
.cw-card-cta .added_to_cart{ font-size:.78rem; font-weight:700; color:var(--stock); margin-top:6px; display:inline-block; }

@media (max-width:640px){
  ul.products{ grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)) !important; gap:14px !important; }
  .cw-card-body{ padding:12px; }
}