/*
Theme Name: Joyería Mon Premium
Theme URI: https://rutayredes.cl/
Author: Ruta y Redes
Author URI: https://rutayredes.cl/
Description: Theme minimalista premium para Joyería Mon. Pensado para usar WooCommerce como catálogo y vender por WhatsApp sin carrito ni pago online.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: mon-joyeria-theme
*/

:root{
  --mon-onyx:#070605;
  --mon-charcoal:#11100e;
  --mon-gold:#d5a247;
  --mon-gold-bright:#f2c76c;
  --mon-gold-deep:#9f6b24;
  --mon-champagne:#f3e4bf;
  --mon-white:#fff8ea;
}

html{scroll-behavior:smooth;background:var(--mon-onyx)}
body{margin:0;background:var(--mon-onyx);color:var(--mon-white);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*,*::before,*::after{box-sizing:border-box}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
#page{min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(213,162,71,.12),transparent 70%),var(--mon-onyx)}
.mon-theme-fallback{max-width:980px;margin:8rem auto;padding:2rem;border:1px solid rgba(213,162,71,.25);background:#11100e;color:#fff8ea}
.mon-theme-fallback h1{font-family:"Cormorant Garamond",Georgia,serif;color:#f2c76c;font-weight:400}

/* WooCommerce base shell */
.woocommerce-page .site-main,
.woocommerce .site-main{max-width:1240px;margin:0 auto;padding:8rem 1.25rem 4rem}
.woocommerce .woocommerce-breadcrumb{color:rgba(255,248,234,.62);font-size:.85rem;margin-bottom:1.5rem}
.woocommerce .woocommerce-breadcrumb a{color:var(--mon-gold)}
.woocommerce h1.page-title,
.woocommerce div.product .product_title{font-family:"Cormorant Garamond",Georgia,serif;color:var(--mon-white);font-weight:400;letter-spacing:-.02em}
.woocommerce-result-count,.woocommerce-ordering{color:rgba(255,248,234,.68)}
.woocommerce-ordering select{background:#11100e;color:#fff8ea;border:1px solid rgba(213,162,71,.3);padding:.65rem}

/* v1.0.1 WooCommerce fallback visual: 4 columnas y tarjetas premium cuando se visita una plantilla Woo. */
.woocommerce-page .site-main,
.woocommerce .site-main{max-width:1320px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1.15rem!important;margin:2rem 0!important;padding:0!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important;content:none!important}
.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:#15120f;border:1px solid rgba(213,162,71,.16);padding:1rem!important;box-shadow:0 18px 54px -30px rgba(0,0,0,.95);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);border-color:rgba(213,162,71,.48);box-shadow:0 20px 60px -18px rgba(213,162,71,.48)}
.woocommerce ul.products li.product a img{aspect-ratio:1/1!important;object-fit:contain!important;background:#090807!important;margin:0 0 .9rem!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title{font-family:"Cormorant Garamond",Georgia,serif!important;font-size:1.35rem!important;color:#fff8ea!important;font-weight:400!important;line-height:1.1!important}
@media (max-width:1180px){.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:860px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){.woocommerce ul.products{grid-template-columns:1fr!important}}