/*
Theme Name: Sunday Club
Theme URI: https://sundayclubatelier.com
Author: Atelier Sunday Club
Description: Tema propio de Atelier Sunday Club. Heritage club: navy, crema y oro.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
Version: 0.1.0
License: Proprietary
Text Domain: sunday-club
*/

/* ===== Base ===== */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; font-feature-settings: "ss01", "cv11"; }
@media (pointer: fine) {
	* { cursor: url("assets/img/cursor-navy.svg") 4 2, auto !important; }
}
::selection { background: var(--wp--preset--color--navy); color: var(--wp--preset--color--cream); }

/* ===== Utilidades de marca ===== */
.sc-eyebrow { font-size: 11px; letter-spacing: 0.32em; text-transform: uppercase; font-weight: 500; }
.sc-wide-track { letter-spacing: 0.18em; text-transform: uppercase; }
.sc-script, .sc-script * { font-family: var(--wp--preset--font-family--script) !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; }
.sc-italic-light { font-style: italic; font-weight: 400; }
.sc-hairline { width: 4rem; height: 1px; border: 0; background: color-mix(in srgb, var(--wp--preset--color--navy) 25%, transparent); margin-inline: auto; }

/* ===== Cabecera ===== */
.sc-header { position: relative; z-index: 30; }
.sc-header--overlay { position: absolute; inset: 0 0 auto 0; color: var(--wp--preset--color--cream); }
.sc-header--solid { border-bottom: 1px solid var(--wp--preset--color--line); }
.sc-header a { text-decoration: none; transition: opacity .3s; }
.sc-header a:hover { opacity: .7; color: inherit; }
.sc-header .wp-block-navigation { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 500; }
.sc-header--overlay .wc-block-mini-cart__button,
.sc-header--overlay .wc-block-customer-account a { color: var(--wp--preset--color--cream); }

/* ===== Hero ===== */
.sc-hero { min-height: max(100vh, 720px); }
.sc-hero .wp-block-cover__background { background: linear-gradient(180deg, hsl(212 60% 11% / .15) 0%, hsl(212 60% 11% / .65) 100%) !important; opacity: 1 !important; }
.sc-hero h1 { line-height: 1.05; }
.sc-hero .wp-block-button__link { background: transparent; border-color: hsl(40 38% 94% / .6); color: var(--wp--preset--color--cream); }
.sc-hero .wp-block-button__link:hover { background: var(--wp--preset--color--cream); color: var(--wp--preset--color--navy); }
.sc-fade-up { opacity: 0; animation: sc-fade-up 1s cubic-bezier(.22,1,.36,1) forwards; }
.sc-delay-1 { animation-delay: .2s; } .sc-delay-2 { animation-delay: .4s; } .sc-delay-3 { animation-delay: .6s; } .sc-delay-4 { animation-delay: .8s; }
@keyframes sc-fade-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }

/* ===== Marquee ===== */
.sc-marquee { overflow: hidden; white-space: nowrap; }
.sc-marquee__track { display: flex; width: max-content; animation: sc-marquee 40s linear infinite; }
.sc-marquee__group { display: flex; align-items: center; gap: 4rem; padding-inline: 2rem; flex-shrink: 0; }
.sc-marquee__script { font-family: var(--wp--preset--font-family--script); font-size: 1.5rem; letter-spacing: 0; text-transform: none; color: var(--wp--preset--color--gold); }
@keyframes sc-marquee { to { transform: translateX(-50%); } }

/* ===== Productos (colección y tienda) ===== */
.sc-products .wc-block-components-product-image { position: relative; overflow: hidden; background: var(--wp--preset--color--cream-deep); }
.sc-products .wc-block-components-product-image a { display: block; position: relative; }
.sc-products .wc-block-components-product-image img { aspect-ratio: 4 / 5; object-fit: cover; transition: opacity .7s ease-in-out; }
.sc-products .sc-img-back { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; }
.sc-products li:has(.sc-img-back):hover .wc-block-components-product-image img:not(.sc-img-back) { opacity: 0; }
.sc-products li:hover .sc-img-back { opacity: 1; }
.sc-badge { position: absolute; top: 1rem; left: 1rem; z-index: 2; background: hsl(40 38% 94% / .9); padding: .4rem .75rem; font-size: 10px; letter-spacing: .32em; text-transform: uppercase; }
.sc-products .wp-block-post-title { font-family: var(--wp--preset--font-family--serif); font-size: 1.25rem; margin-block: 1.25rem .25rem; }
.sc-products .wp-block-post-title a { text-decoration: none; }
.sc-products .wc-block-components-product-price { font-family: var(--wp--preset--font-family--serif); font-size: 1.125rem; }
.sc-products .wp-block-button__link { padding: .4rem .75rem; font-size: 10px; background: transparent; color: var(--wp--preset--color--navy); }
.sc-products .wp-block-button__link:hover { background: var(--wp--preset--color--navy); color: var(--wp--preset--color--cream); }

/* ===== Atelier (cambio de color al pasar el ratón) ===== */
.sc-atelier { transition: background-color .7s ease-in-out, color .7s ease-in-out; }
.sc-atelier :is(p, h2) { transition: color .7s ease-in-out; }
.sc-atelier:hover { background-color: var(--wp--preset--color--navy) !important; color: var(--wp--preset--color--cream); }
.sc-atelier:hover .has-muted-color { color: hsl(40 38% 94% / .75) !important; }
.sc-atelier:hover .sc-script { color: var(--wp--preset--color--gold-soft) !important; }
.sc-atelier__logos { position: relative; aspect-ratio: 1; }
.sc-atelier__logos img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 3rem; transition: opacity .7s ease-in-out; }
.sc-atelier__logos .sc-logo-dark { opacity: 0; }
.sc-atelier:hover .sc-logo-light { opacity: 0; }
.sc-atelier:hover .sc-logo-dark { opacity: 1; }

/* ===== Newsletter ===== */
.sc-newsletter form { display: grid; gap: .75rem; max-width: 28rem; margin-inline: auto; }
.sc-newsletter__row { display: flex; gap: .75rem; flex-wrap: wrap; }
.sc-newsletter input[type="email"] { flex: 1 1 14rem; background: transparent; border: 1px solid hsl(40 38% 94% / .3); color: var(--wp--preset--color--cream); padding: 1rem 1.25rem; font: inherit; font-size: .875rem; }
.sc-newsletter input[type="email"]::placeholder { color: hsl(40 38% 94% / .4); }
.sc-newsletter input[type="email"]:focus { outline: none; border-color: var(--wp--preset--color--gold); }
.sc-newsletter button { background: var(--wp--preset--color--cream); color: var(--wp--preset--color--navy); border: 0; padding: 1rem 2rem; font-size: 11px; letter-spacing: .32em; text-transform: uppercase; }
.sc-newsletter button:hover { background: var(--wp--preset--color--gold); }
.sc-newsletter label { display: flex; gap: .75rem; text-align: left; font-size: .75rem; line-height: 1.6; color: hsl(40 38% 94% / .6); }
.sc-newsletter .sc-hp { position: absolute; left: -9999px; }
.sc-newsletter__ok { display: none; text-align: center; color: var(--wp--preset--color--gold); }
.sc-newsletter.is-ok .sc-newsletter__ok { display: block; }
.sc-newsletter.is-ok form { display: none; }

/* ===== Pie ===== */
.sc-footer a { text-decoration: none; }
.sc-footer a:hover { color: var(--wp--preset--color--gold); }

/* ===== Producto (ficha) ===== */
.sc-product .wp-block-post-title { font-size: clamp(2.25rem, 4vw, 3rem); }
.sc-product .wc-block-components-product-price { font-family: var(--wp--preset--font-family--serif); font-size: 1.5rem; }
.sc-product select { border: 1px solid var(--wp--preset--color--line); background: transparent; padding: .75rem 1rem; font: inherit; border-radius: 0; }
.sc-product .single_add_to_cart_button { width: 100%; }
.sc-product .woocommerce-product-gallery { background: var(--wp--preset--color--cream-deep); }

/* ===== Movimiento reducido ===== */
@media (prefers-reduced-motion: reduce) {
	.sc-marquee__track, .sc-fade-up { animation: none; opacity: 1; }
	* { transition: none !important; }
}