/*
Theme Name: RedShine Salón de Belleza
Theme URI: https://redshine.example.com
Description: Tema hijo de Astra con la identidad visual de RedShine · Salón de Belleza. Paleta roja elegante, tipografía serif y estilos personalizados para las páginas de tienda WooCommerce (catálogo, ficha de producto, carrito y checkout).
Author: RedShine
Version: 1.0.0
Template: astra
Text Domain: redshine-child
*/

/* =========================================================
   IMPORTANTE: el campo "Template: astra" de arriba indica el
   tema padre. Si usaras otro tema padre (GeneratePress, Blocksy,
   Storefront...), cambia "astra" por el nombre EXACTO de la
   carpeta de ese tema en /wp-content/themes/.
   ========================================================= */

:root{
  --rs-cream:#FAF4EF;
  --rs-ivory:#FDFAF6;
  --rs-ink:#2A211F;
  --rs-stone:#978B82;
  --rs-red:#9E2B33;
  --rs-red-deep:#7A1F26;
  --rs-rose:#D99B97;
  --rs-gold:#C2A06B;
  --rs-line:#EBE2D8;
  --rs-shadow:0 18px 50px -22px rgba(122,31,38,.35);
  --rs-serif:'Cormorant Garamond',Georgia,serif;
  --rs-sans:'Jost',system-ui,sans-serif;
}

/* ---------- BASE ---------- */
body{
  font-family:var(--rs-sans);
  color:var(--rs-ink);
  background:var(--rs-cream);
  font-weight:300;
  line-height:1.65;
}
h1,h2,h3,h4,h5,h6,
.entry-title,.widget-title,
.site-title{
  font-family:var(--rs-serif)!important;
  font-weight:500;
  line-height:1.15;
  color:var(--rs-ink);
}
a{color:var(--rs-red);}
a:hover{color:var(--rs-red-deep);}

/* ---------- BOTONES GENERALES + WOOCOMMERCE ---------- */
.ast-button,
.button,
button,
input[type="submit"],
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  background:var(--rs-red)!important;
  color:#fff!important;
  border:none!important;
  border-radius:40px!important;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.78rem!important;
  font-weight:500;
  padding:14px 30px!important;
  transition:.35s!important;
}
.ast-button:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover{
  background:var(--rs-red-deep)!important;
  transform:translateY(-2px);
  box-shadow:var(--rs-shadow);
}

/* ---------- CABECERA / LOGO ---------- */
.site-title a{color:var(--rs-ink)!important;}
.main-header-bar{
  background:var(--rs-ivory)!important;
  border-bottom:1px solid var(--rs-line);
}

/* ---------- TÍTULOS DE SECCIÓN WOOCOMMERCE ---------- */
.woocommerce-products-header__title,
.woocommerce div.product .product_title{
  color:var(--rs-ink);
}

/* ---------- TARJETAS DE PRODUCTO (CATÁLOGO) ---------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:var(--rs-ivory);
  border:1px solid var(--rs-line);
  border-radius:20px;
  padding:14px 14px 22px!important;
  transition:.4s;
  text-align:center;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-8px);
  box-shadow:var(--rs-shadow);
  border-color:transparent;
}
.woocommerce ul.products li.product img{
  border-radius:14px;
  margin-bottom:16px!important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--rs-serif);
  font-size:1.4rem;
  padding:0 10px;
}
.woocommerce ul.products li.product .price{
  color:var(--rs-red)!important;
  font-family:var(--rs-serif);
  font-size:1.4rem;
  font-weight:600;
}
.woocommerce ul.products li.product .price del{
  color:var(--rs-stone)!important;
  font-size:1rem;
}

/* Etiqueta de oferta */
.woocommerce span.onsale{
  background:var(--rs-gold)!important;
  color:#fff!important;
  border-radius:30px;
  font-family:var(--rs-sans);
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  min-height:auto;
  min-width:auto;
  padding:6px 14px;
  line-height:1;
}

/* ---------- FICHA DE PRODUCTO ---------- */
.woocommerce div.product .woocommerce-product-gallery img{
  border-radius:18px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--rs-red);
  font-family:var(--rs-serif);
  font-size:2rem;
  font-weight:600;
}
.woocommerce .woocommerce-tabs ul.tabs li.active{
  background:var(--rs-ivory);
  border-bottom-color:var(--rs-ivory);
}
.woocommerce .woocommerce-tabs ul.tabs li.active a{color:var(--rs-red);}

/* ---------- CANTIDAD ---------- */
.woocommerce .quantity .qty{
  border:1px solid var(--rs-line);
  border-radius:10px;
  background:var(--rs-cream);
  padding:10px;
}

/* ---------- CARRITO Y CHECKOUT ---------- */
.woocommerce table.shop_table{
  border-radius:16px;
  border:1px solid var(--rs-line);
  overflow:hidden;
}
.woocommerce table.shop_table th{
  background:var(--rs-cream);
  font-family:var(--rs-sans);
  letter-spacing:.1em;
  text-transform:uppercase;
  font-size:.74rem;
}
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce .woocommerce-checkout #payment{
  background:var(--rs-ivory);
  border:1px solid var(--rs-line);
  border-radius:18px;
  padding:24px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  border:1px solid var(--rs-line);
  border-radius:12px;
  background:var(--rs-cream);
  padding:13px 16px;
}

/* ---------- MENSAJES / AVISOS ---------- */
.woocommerce-message,
.woocommerce-info{
  border-top-color:var(--rs-red)!important;
}
.woocommerce-message::before,
.woocommerce-info::before{
  color:var(--rs-red)!important;
}

/* ---------- WIDGET CARRITO / BADGES ---------- */
.woocommerce .star-rating span{color:var(--rs-red);}
mark{background:var(--rs-rose);color:var(--rs-ink);}

/* ---------- PIE DE PÁGINA ---------- */
.site-footer,
.footer-sml-layout{
  background:var(--rs-ink);
  color:#C9BEB6;
}
.site-footer a{color:var(--rs-rose);}
.site-footer a:hover{color:#fff;}

/* ---------- BANNER / SECCIÓN HERO (clase utilitaria) ---------- */
.rs-hero{
  background:linear-gradient(105deg,var(--rs-cream) 0%,var(--rs-cream) 52%,#F0DCDA 100%);
  padding:90px 6%;
  border-radius:0 0 28px 28px;
}
.rs-hero .eyebrow{
  font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;
  color:var(--rs-red);font-weight:500;
}
.rs-hero h1{font-size:clamp(2.6rem,6vw,4.6rem);margin:18px 0;}
.rs-hero h1 em{font-style:italic;color:var(--rs-red);}
.rs-hero p{max-width:440px;color:#6b625c;font-size:1.05rem;}