/*
Theme Name: Cajita de Ternura
Theme URI: https://cajitadeternura.es
Description: Tema hijo de Storefront personalizado con la identidad de marca de Cajita de Ternura.
Author: Cajita de Ternura
Template: storefront
Version: 1.0.2
Text Domain: cajita-de-ternura
*/

/* =========================================================
   PALETA DE MARCA — CAJITA DE TERNURA
   ========================================================= */
:root{
  --ct-rosa-palo:#F2C9D1;
  --ct-rosa-empolvado:#E8A0AE;
  --ct-rosa-fuerte:#D4537E;
  --ct-dorado:#C9A24B;
  --ct-dorado-claro:#E4C784;
  --ct-blanco-calido:#FFF8F5;
  --ct-chocolate:#4A2E2A;
  --ct-chocolate-suave:#7A5C48;
}

/* =========================================================
   TIPOGRAFÍA
   ========================================================= */
body,
.woocommerce ul.products li.product .price,
button, input, select, textarea{
  font-family:'Poppins', sans-serif;
  color:var(--ct-chocolate);
}

h1, h2, h3, h4, h5, h6,
.site-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'Playfair Display', serif;
  font-weight:600;
}

.site-title a{
  font-style:italic;
  color:var(--ct-chocolate) !important;
}

/* =========================================================
   FONDO Y ENLACES GENERALES
   ========================================================= */
body{
  background:var(--ct-blanco-calido);
}

a{
  color:var(--ct-rosa-fuerte);
}
a:hover{
  color:var(--ct-chocolate);
}

/* =========================================================
   CABECERA
   ========================================================= */
.site-header{
  background:var(--ct-blanco-calido);
  border-bottom:1px solid var(--ct-rosa-palo);
}

.main-navigation ul li a{
  font-family:'Poppins', sans-serif;
  font-weight:500;
  font-size:14px;
  letter-spacing:.03em;
  color:var(--ct-chocolate);
}
.main-navigation ul li a:hover{
  color:var(--ct-rosa-fuerte);
}

/* =========================================================
   BOTONES (carrito, comprar, enviar formularios)
   ========================================================= */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
button.single_add_to_cart_button{
  background:var(--ct-rosa-fuerte) !important;
  color:#fff !important;
  border:0;
  border-radius:999px;
  font-family:'Poppins', sans-serif;
  font-weight:500;
  padding:12px 26px;
  transition:background .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
button.single_add_to_cart_button:hover{
  background:#b93e68 !important;
}

/* Botón "añadir al carrito" secundario dentro del listado de productos */
.woocommerce ul.products li.product .button{
  background:transparent !important;
  color:var(--ct-rosa-fuerte) !important;
  border:1px solid var(--ct-rosa-fuerte) !important;
}
.woocommerce ul.products li.product .button:hover{
  background:var(--ct-rosa-fuerte) !important;
  color:#fff !important;
}

/* =========================================================
   PRECIOS Y ETIQUETAS
   ========================================================= */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--ct-chocolate-suave);
  font-weight:600;
}

.onsale{
  background:var(--ct-dorado) !important;
  color:#fff !important;
  font-family:'Poppins', sans-serif;
  font-weight:500;
}

/* =========================================================
   TARJETAS DE PRODUCTO
   ========================================================= */
.woocommerce ul.products li.product{
  background:#fff;
  border-radius:16px;
  padding:14px;
  border:1px solid var(--ct-rosa-palo);
  transition:box-shadow .2s ease, transform .2s ease;
}
.woocommerce ul.products li.product:hover{
  box-shadow:0 12px 24px -12px rgba(212,83,126,.35);
  transform:translateY(-2px);
}
.woocommerce ul.products li.product img{
  border-radius:12px;
}

/* =========================================================
   ANCHO COMPLETO SIN SIDEBAR (tienda, categoría, producto)
   ========================================================= */
.woocommerce.content-area,
.woocommerce-page.content-area{
  width:100%;
  float:none;
}
.site-footer{
  background:var(--ct-chocolate) !important;
}

/* Fuerza el color de TODO el texto e iconos dentro del footer,
   para pisar cualquier color oscuro heredado de Storefront */
.site-footer,
.site-footer p,
.site-footer li,
.site-footer span,
.site-footer .widget,
.site-footer .widget-title,
.site-footer .fa,
.site-footer .fas,
.site-footer .far,
.site-footer .dashicons{
  color:var(--ct-blanco-calido) !important;
}

.site-footer a{
  color:var(--ct-rosa-palo) !important;
}
.site-footer a:hover{
  color:var(--ct-dorado-claro) !important;
}

.site-footer .widget-title{
  font-family:'Playfair Display', serif;
  font-style:italic;
  color:var(--ct-dorado-claro) !important;
  border-bottom:1px solid rgba(228,199,132,.35);
  padding-bottom:8px;
  margin-bottom:16px;
}