/*
Theme Name: Gloria y Ofelia
Theme URI: https://gloriayofelia.com
Description: Tema hijo de Astra con la identidad de Gloria y Ofelia: paleta, tipografías y estilos de tienda.
Author: Gloria y Ofelia
Template: astra
Version: 1.1.0
Text Domain: gloria-y-ofelia
*/

:root{
  --cream:#FFFDF0; --paper:#FFFDF0;
  --ink:#6E0346; --ink-soft:#8F3B78; --ink-faint:#B983A8;
  --pink:#D80582; --pink-deep:#A3046A;
  --purple:#BD37A6; --purple-deep:#8F2980;
  --red:#FF333A; --red-deep:#D81F27;
  --orange:#FE5E2C; --orange-deep:#E14A1C;
  --yellow:#FFED45; --yellow-hover:#F2DB1E;
  --bg:#FE5E2C;
  --line:rgba(216,5,130,.16); --line-strong:rgba(143,59,120,.4);
  --whatsapp:#25D366;
}

body, .site, .ast-separate-container{ background:var(--bg); color:var(--ink); font-family:'Work Sans',-apple-system,'Segoe UI',sans-serif; }
h1,h2,h3,.entry-title,.woocommerce-loop-product__title{
  font-family:'Unbounded','Arial Narrow Bold',sans-serif; font-weight:700; text-transform:uppercase;
  letter-spacing:.01em; text-wrap:balance; color:var(--pink);
}
a{ color:inherit; }
.site-title a,.site-title{ font-family:'Unbounded',sans-serif; font-weight:700; letter-spacing:.01em; color:var(--ink); }
.main-header-menu a{ font-size:13px; font-weight:600; letter-spacing:.03em; text-transform:uppercase; color:var(--ink); }
.ast-primary-header-bar, .main-header-bar{ background:var(--bg); border-bottom:1px solid var(--line); }
.site-footer, .ast-small-footer{ background:var(--pink); color:var(--cream); }

/* Botones: amarillo sobre color, naranja sobre fondo liso */
.button, button, input[type=submit], .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit{
  background:var(--yellow); color:var(--ink); border:0; border-radius:999px; font-weight:700; letter-spacing:.04em;
}
.button:hover, button:hover, input[type=submit]:hover, .woocommerce a.button:hover, .woocommerce button.button:hover{ background:var(--yellow-hover); color:var(--ink); }
.woocommerce a.button.alt, .woocommerce button.button.alt{ background:var(--pink); color:var(--cream); }
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover{ background:var(--pink-deep); }

/* Tarjetas de producto */
.woocommerce ul.products li.product{ background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:10px; }
.woocommerce ul.products li.product a img{ aspect-ratio:4/5; object-fit:cover; border-radius:10px; }
.woocommerce .price, .woocommerce div.product p.price{ color:var(--ink); font-weight:700; }
.woocommerce span.onsale{ background:var(--pink); color:var(--cream); }

/* Formularios */
input, select, textarea, .select2-container .select2-selection{ background:var(--paper); color:var(--ink); border:1px solid var(--line-strong); border-radius:10px; }
input:focus, select:focus, textarea:focus{ outline:2px solid var(--pink); outline-offset:1px; }

/* Nunca desbordar en celular */
img{ max-width:100%; height:auto; }
@media (max-width:360px){ .brand,.site-title{ font-size:16px; } }

/* ---- v1.1: refuerzos sobre los colores propios de Astra ---- */
body, .ast-separate-container, .site-content, #content, .ast-container{ background-color:var(--bg) !important; }
body, p, li, label, .entry-content, .woocommerce-product-details__short-description{ color:var(--ink); }
.site-title a, .site-title a:hover, .main-header-menu a, .main-header-menu .menu-link, .ast-header-account-link, .ast-site-header-cart a{ color:var(--ink) !important; }
.main-header-menu a:hover{ color:var(--pink) !important; }
.ast-primary-header-bar, .main-header-bar, .ast-above-header, .site-header{ background-color:var(--bg) !important; }
.site-footer, .site-primary-footer-wrap, .site-below-footer-wrap, .site-above-footer-wrap, .ast-small-footer, .footer-adv{ background-color:var(--pink) !important; color:var(--cream) !important; }
.site-footer a, .site-footer p, .site-footer li, .site-footer .ast-footer-copyright{ color:var(--cream) !important; }
.site-footer a:hover{ color:var(--yellow) !important; }