/*
Theme Name: Ornata
Theme URI: https://ornatadecor.com
Description: Child theme de Storefront para Ornata — decoración y objetos con mirada artística. Paleta cálida (lino, cobre, ámbar), tipografía Fraunces + Inter, botones táctiles y tarjetas de producto optimizadas para móvil. Requiere el theme Storefront instalado.
Author: Ornata
Author URI: https://ornatadecor.com
Template: storefront
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ornata
*/

/* ============================================================
   ORNATA · variables de marca
   Paleta: lino / cobre / ámbar (todas verificadas AA)
   ============================================================ */
:root{
  --on-paper:#FAF6F0;      /* fondo lino */
  --on-surface:#FFFFFF;    /* tarjetas y cabecera */
  --on-ink:#2A2521;        /* texto principal */
  --on-muted:#655C51;      /* texto secundario */
  --on-line:#E8E0D4;       /* bordes suaves */
  --on-primary:#9A4E27;    /* cobre · botones y enlaces */
  --on-primary-ink:#7E3F1F;/* cobre oscuro · hover */
  --on-accent:#A0621F;     /* ámbar · badges/detalles */
  --on-radius:14px;
  --on-radius-sm:10px;
  --on-shadow:0 1px 3px rgba(42,37,33,.06), 0 8px 24px rgba(42,37,33,.05);
  --on-shadow-hover:0 12px 32px rgba(42,37,33,.11);
}

/* ============================================================
   Base y tipografía
   ============================================================ */
body,
button, input, select, textarea{
  font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body{
  background-color:var(--on-paper);
  color:var(--on-ink);
  font-size:16px;
  line-height:1.6;
}
.col-full{ max-width:1120px; }

h1,h2,h3,h4,
.site-title,
.entry-title,
.product_title,
.woocommerce-loop-product__title,
.section-title,
.storefront-product-section .section-title{
  font-family:"Fraunces", Georgia, "Times New Roman", serif;
  color:var(--on-ink);
  font-weight:600;
  line-height:1.18;
  letter-spacing:-.01em;
}

a{ color:var(--on-primary); }
a:hover{ color:var(--on-primary-ink); }

/* Foco accesible visible (teclado) */
a:focus, button:focus, .button:focus,
input:focus, select:focus, textarea:focus{
  outline:2px solid var(--on-accent);
  outline-offset:2px;
}

/* ============================================================
   Cabecera del sitio
   ============================================================ */
.site-header{
  background-color:var(--on-surface) !important;
  border-bottom:1px solid var(--on-line);
}
.site-branding .site-title a,
.site-header .site-title a{
  color:var(--on-ink) !important;
  font-family:"Fraunces", Georgia, serif;
  font-weight:600;
}
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a{
  color:var(--on-ink);
  font-weight:500;
}
.main-navigation ul.menu > li > a:hover{ color:var(--on-primary); }

/* ============================================================
   Botones (táctiles ≥48px)
   ============================================================ */
button, input[type="button"], input[type="reset"], input[type="submit"],
.button, .added_to_cart,
.woocommerce #respond input#submit,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  background-color:var(--on-primary) !important;
  color:#ffffff !important;
  border:0;
  border-radius:var(--on-radius-sm);
  min-height:48px;
  padding:12px 24px;
  font-weight:600;
  line-height:1.4;
  transition:background-color .15s ease, transform .05s ease, box-shadow .15s ease;
}
button:hover, .button:hover, .added_to_cart:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
  background-color:var(--on-primary-ink) !important;
  color:#ffffff !important;
  box-shadow:0 6px 18px rgba(154,78,39,.28);
}
button:active, .button:active{ transform:translateY(1px); }

/* Botón secundario (contorno) para acciones menos importantes */
.woocommerce a.button.wc-backward,
.woocommerce .cart .button[name="update_cart"]{
  background-color:transparent !important;
  color:var(--on-primary) !important;
  border:1px solid var(--on-primary) !important;
}

/* ============================================================
   Tarjetas de producto
   ============================================================ */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:var(--on-surface);
  border:1px solid var(--on-line);
  border-radius:var(--on-radius);
  padding:12px 12px 18px;
  box-shadow:var(--on-shadow);
  transition:transform .15s ease, box-shadow .15s ease;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-3px);
  box-shadow:var(--on-shadow-hover);
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img{
  border-radius:var(--on-radius-sm);
  aspect-ratio:1 / 1;
  object-fit:cover;
  width:100%;
  height:auto;
  margin-bottom:12px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:"Inter", sans-serif;
  font-size:1rem;
  font-weight:500;
  color:var(--on-ink);
  padding:.4em 0 .2em;
}
.woocommerce ul.products li.product .price{
  color:var(--on-ink);
  font-weight:600;
  font-size:1.05rem;
}
.woocommerce ul.products li.product .price del{ color:var(--on-muted); font-weight:400; }
.woocommerce ul.products li.product .star-rating{ color:var(--on-accent); margin:.2em auto .4em; }

/* Badge de oferta */
.woocommerce span.onsale{
  background-color:var(--on-accent) !important;
  color:#ffffff !important;
  border-radius:999px;
  min-height:0;
  min-width:0;
  line-height:1;
  padding:7px 13px;
  font-weight:600;
  font-size:.8rem;
}

/* ============================================================
   Ficha de producto individual
   ============================================================ */
.single-product div.product .price,
.single-product div.product p.price{
  color:var(--on-ink);
  font-weight:600;
}
.single-product div.product .product_title{ font-size:2rem; }
.woocommerce-tabs ul.tabs li.active{ border-bottom-color:var(--on-primary); }

/* Avisos / mensajes */
.woocommerce-message,
.woocommerce-info{ border-top-color:var(--on-primary); }
.woocommerce-message::before,
.woocommerce-info::before{ color:var(--on-primary); }

/* ============================================================
   Franja de confianza / footer
   ============================================================ */
.site-footer{
  background-color:#F1EADF;
  color:var(--on-ink);
  border-top:1px solid var(--on-line);
}
.site-footer a{ color:var(--on-primary); }

/* ============================================================
   Móvil (mobile-first: la mayoría del tráfico es de anuncios)
   ============================================================ */
@media (max-width:768px){
  .col-full{ padding-left:16px; padding-right:16px; }
  h1, .product_title{ font-size:1.6rem; }
  .woocommerce ul.products li.product{ padding:10px 10px 14px; }
  /* CTA de compra a todo el ancho en móvil */
  .woocommerce div.product form.cart .button,
  .single_add_to_cart_button{
    width:100% !important;
    justify-content:center;
    text-align:center;
  }
  .woocommerce .quantity .qty{ min-height:48px; }
}