/*
Theme Name:   Isaías – Librería Cristiana
Theme URI:    https://www.isaias.com.ar
Description:  Tema hijo de Storefront con la identidad de marca de Isaías Librería Cristiana. Celeste protagonista, libro abierto y tipografías Anton + Archivo. Pensado para WooCommerce. Si tu tema base es Astra u otro, cambiá la línea "Template:" por el slug de ese tema.
Author:       Isaías
Version:      1.0.0
Template:     storefront
Text Domain:  isaias
*/

/* =====================================================================
   ISAÍAS · CHILD THEME
   Variables de marca + reestilizado de Storefront/WooCommerce
   ===================================================================== */

:root{
  --isaias-celeste:#1597ce;
  --isaias-celeste-deep:#0f4f70;
  --isaias-celeste-ink:#0a3950;
  --isaias-cielo:#e3f3fb;
  --isaias-cielo-2:#f1f8fc;
  --isaias-tinta:#15191b;
  --isaias-ink-2:#3c4a51;
  --isaias-hueso:#f6fafc;
  --isaias-line:#e2eaf0;
  --isaias-ok:#1f8a5b;
  --isaias-radius:14px;
}

/* ---------- tipografía base ---------- */
body,
button,
input,
select,
textarea,
.site{
  font-family:'Archivo', -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:var(--isaias-tinta);
}
h1,h2,h3,h4,h5,h6,
.page-title,
.entry-title,
.storefront-product-section-title,
.section-title{
  font-family:'Anton', 'Archivo Black', sans-serif;
  font-weight:400;
  letter-spacing:.01em;
  color:var(--isaias-tinta);
}
.price,.amount{font-family:'Archivo', sans-serif;}

/* ---------- enlaces y acentos ---------- */
a{color:var(--isaias-celeste-deep);}
a:hover{color:var(--isaias-celeste);}
::selection{background:var(--isaias-celeste);color:#fff;}

/* =====================================================================
   BARRA SUPERIOR (la inyecta functions.php en wp_body_open)
   ===================================================================== */
.isaias-topbar{
  background:var(--isaias-tinta);
  color:#cfe0ea;
  font-size:13px;
  letter-spacing:.03em;
}
.isaias-topbar .col{
  max-width:1200px;margin:0 auto;padding:9px 20px;
  display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
}
.isaias-topbar strong{color:#fff;font-weight:600;}
.isaias-topbar a{color:#cfe0ea;}
.isaias-topbar a:hover{color:#fff;}

/* =====================================================================
   HEADER / NAV (Storefront)
   ===================================================================== */
.site-header{
  background:#fff !important;
  border-bottom:1px solid var(--isaias-line);
  padding-top:18px;padding-bottom:14px;
}
.site-branding .site-title,
.site-title a{
  font-family:'Anton', sans-serif;
  font-weight:400;
  letter-spacing:.01em;
  color:var(--isaias-celeste-deep) !important;
  font-size:1.9em;
}
.site-branding .site-description{
  font-family:'Archivo Narrow', sans-serif;
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:.62em;
  color:var(--isaias-celeste-deep);
}
.main-navigation ul li a{
  color:var(--isaias-ink-2);
  font-weight:500;
}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a{
  color:var(--isaias-celeste-deep);
}
.site-header-cart .cart-contents,
.site-search .widget_product_search input[type="submit"]{
  color:var(--isaias-celeste-deep);
}

/* buscador prominente */
.storefront-handheld-footer-bar,
.site-search input[type="search"],
.woocommerce-product-search input[type="search"]{
  border-radius:30px;
  border:1.5px solid var(--isaias-line);
  padding:12px 20px;
}
.site-search input[type="search"]:focus{border-color:var(--isaias-celeste);}

/* =====================================================================
   BOTONES
   ===================================================================== */
button,
input[type="button"],
input[type="submit"],
.button,
.added_to_cart,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.woocommerce #respond input#submit,
.woocommerce-page .button{
  background:var(--isaias-celeste) !important;
  color:#fff !important;
  border:none !important;
  border-radius:30px !important;
  font-family:'Archivo', sans-serif !important;
  font-weight:600 !important;
  letter-spacing:.01em;
  padding:.75em 1.6em !important;
  transition:background .15s, transform .1s;
}
button:hover,
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button:hover,
.woocommerce #respond input#submit:hover{
  background:#1280b3 !important;
  transform:translateY(-1px);
}
/* botón secundario / alt (carrito en loop) */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.single_add_to_cart_button{
  background:var(--isaias-tinta) !important;
}
.woocommerce a.button.alt:hover,
.single_add_to_cart_button:hover{
  background:#000 !important;
}

/* =====================================================================
   GRILLA DE PRODUCTOS (loop)
   ===================================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:#fff;
  border:1px solid var(--isaias-line);
  border-radius:var(--isaias-radius);
  padding:0 0 16px;
  overflow:hidden;
  transition:box-shadow .15s, transform .15s;
}
.woocommerce ul.products li.product:hover{
  box-shadow:0 14px 34px rgba(15,79,112,.12);
  transform:translateY(-3px);
}
.woocommerce ul.products li.product a img{
  margin:0 0 14px;
  border-radius:0;
  background:var(--isaias-cielo-2);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'Archivo', sans-serif;
  font-weight:600;
  font-size:15px;
  line-height:1.3;
  padding:0 15px;
  color:var(--isaias-tinta);
}
.woocommerce ul.products li.product .price{
  color:var(--isaias-tinta);
  font-weight:700;
  font-size:1.35em;
  padding:0 15px;
  display:block;
}
.woocommerce ul.products li.product .price del{color:#9fb0bb;font-weight:400;font-size:.7em;}
.woocommerce ul.products li.product .price ins{text-decoration:none;}
.woocommerce ul.products li.product .button{
  margin:12px 15px 0;
  background:var(--isaias-cielo) !important;
  color:var(--isaias-celeste-deep) !important;
}
.woocommerce ul.products li.product .button:hover{
  background:var(--isaias-celeste) !important;color:#fff !important;
}

/* etiqueta de oferta */
.woocommerce span.onsale{
  background:var(--isaias-ok);
  color:#fff;
  border-radius:30px;
  font-family:'Archivo Narrow', sans-serif;
  font-weight:700;
  letter-spacing:.06em;
  min-height:auto;
  min-width:auto;
  padding:6px 12px;
  line-height:1;
}

/* =====================================================================
   PRODUCTO INDIVIDUAL
   ===================================================================== */
.single-product div.product .product_title{
  font-family:'Archivo', sans-serif;
  font-weight:700;
  font-size:2em;
}
.single-product div.product p.price,
.single-product div.product span.price{
  color:var(--isaias-tinta);
  font-weight:700;
}
.single-product .woocommerce-product-rating .star-rating span::before{color:#f0a92e;}
.woocommerce-tabs ul.tabs li.active{
  border-bottom-color:var(--isaias-celeste);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--isaias-ink-2);}

/* caja de envíos / info de marca (opcional, ver functions.php) */
.isaias-shipbox{
  border:1px solid var(--isaias-line);
  border-radius:var(--isaias-radius);
  padding:16px 18px;
  margin:18px 0;
  font-size:14px;
  color:var(--isaias-ink-2);
  background:var(--isaias-cielo-2);
}
.isaias-shipbox strong{color:var(--isaias-tinta);}

/* =====================================================================
   CARRITO / CHECKOUT
   ===================================================================== */
.woocommerce-cart table.cart,
.woocommerce table.shop_table{
  border-radius:var(--isaias-radius);
  border:1px solid var(--isaias-line);
  overflow:hidden;
}
.woocommerce .cart_totals h2,
.woocommerce-checkout h3{font-family:'Anton', sans-serif;font-weight:400;}
.woocommerce-info,
.woocommerce-message{border-top-color:var(--isaias-celeste);}
.woocommerce-info::before,
.woocommerce-message::before{color:var(--isaias-celeste);}

/* =====================================================================
   HOME (front-page.php del child)
   ===================================================================== */
.isaias-hero{
  background:radial-gradient(130% 130% at 85% -20%,#1aa3df,var(--isaias-celeste) 42%,var(--isaias-celeste-deep));
  color:#fff;border-radius:0;
  padding:64px 8%;
  margin:0 0 50px;
}
.isaias-hero .ey{font-family:'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:.3em;font-size:13px;color:#cdeaf8;margin-bottom:14px;}
.isaias-hero h1{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(34px,5vw,58px);line-height:.98;margin:0 0 16px;color:#fff;}
.isaias-hero p{font-size:17px;color:#eaf6fc;max-width:520px;margin:0 0 26px;line-height:1.55;}
.isaias-hero .btn{display:inline-block;background:var(--isaias-tinta);color:#fff;border-radius:30px;padding:13px 28px;font-weight:600;margin-right:12px;}
.isaias-hero .btn.outline{background:transparent;border:1.5px solid #fff;}

.isaias-cats{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1200px;margin:0 auto 50px;padding:0 20px;}
.isaias-cats a{border-radius:var(--isaias-radius);padding:38px 34px;min-height:180px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;}
.isaias-cats a.b1{background:linear-gradient(135deg,#1597ce,#0f4f70);}
.isaias-cats a.b2{background:linear-gradient(135deg,#2a2622,#15191b);}
.isaias-cats a .ce{font-family:'Archivo Narrow';text-transform:uppercase;letter-spacing:.2em;font-size:12px;opacity:.8;}
.isaias-cats a h3{font-family:'Anton';font-weight:400;font-size:38px;margin:6px 0 0;color:#fff;}

.isaias-home-section{max-width:1200px;margin:0 auto 50px;padding:0 20px;}
.isaias-home-section > h2{font-family:'Anton';font-weight:400;font-size:30px;margin:0 0 22px;}

.isaias-promo{
  background:var(--isaias-cielo);border-radius:var(--isaias-radius);
  padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  max-width:1200px;margin:0 auto 50px;
}
.isaias-promo h3{font-family:'Anton';font-weight:400;font-size:26px;margin:0 0 6px;color:var(--isaias-celeste-deep);}
.isaias-promo p{margin:0;color:var(--isaias-ink-2);}

/* =====================================================================
   FOOTER (Storefront)
   ===================================================================== */
.site-footer{
  background:var(--isaias-tinta) !important;
  color:#9fb0bb;
}
.site-footer a{color:#9fb0bb;}
.site-footer a:hover{color:#fff;}
.site-footer .widget-title{color:#fff;font-family:'Archivo Narrow';text-transform:uppercase;letter-spacing:.14em;}
.storefront-credit{color:#7d909c;}

/* =====================================================================
   AJUSTES VARIOS
   ===================================================================== */
.onsale, .button, .added_to_cart{box-shadow:none;}
.woocommerce-store-notice,
p.demo_store{background:var(--isaias-celeste);}