/*
Theme Name: Superclones SI Atelier
Theme URI: https://superclones.si/
Author: Superclones SI
Description: An independent, responsive WooCommerce storefront for Superclones.si.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: superclones-si
*/
:root{--ink:#10243a;--muted:#607184;--paper:#f7f7f2;--white:#fff;--line:#d9e0e2;--gold:#b38745;--teal:#0b685f;--radius:18px;--shadow:0 18px 54px rgba(16,36,58,.08)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.58 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,.button,.wp-element-button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.container{width:min(1320px,calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:10px;z-index:1000;background:#fff;padding:10px 16px}.skip-link:focus{left:10px}.announcement{background:var(--ink);color:#e7edf0;text-align:center;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px}.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;min-height:80px}.wordmark{font-family:Georgia,serif;font-size:1.35rem;letter-spacing:.14em;font-weight:700;white-space:nowrap}.wordmark span{color:var(--gold)}.main-nav{display:flex;gap:24px;align-items:center}.main-nav a,.header-actions a{font-size:.81rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.header-actions{display:flex;gap:18px;align-items:center;justify-content:flex-end}.cart-count{display:inline-grid;place-items:center;border-radius:50%;width:21px;height:21px;background:var(--teal);color:white;font-size:.7rem;margin-left:5px}.menu-toggle{display:none;border:0;background:transparent;padding:8px;color:var(--ink)}.hero{position:relative;overflow:hidden;background:#e8eeec}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px max(48px,8vw) 80px max(20px,calc((100vw - 1320px)/2));position:relative;z-index:1}.eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin:0 0 18px}.hero h1{font-family:Georgia,serif;font-size:clamp(3rem,5.4vw,6.1rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px;max-width:650px}.hero p:not(.eyebrow){font-size:1.08rem;color:#40566a;max-width:540px;margin:0 0 30px}.hero-media{position:relative;background:radial-gradient(circle at 50% 44%,#fdfcf8 0,#c6d3d0 72%);min-height:430px}.hero-media img{width:100%;height:100%;object-fit:contain;object-position:center;padding:6%;filter:drop-shadow(0 25px 36px rgba(10,30,41,.22))}.hero-mark{position:absolute;inset:auto 18px 18px auto;font-family:Georgia,serif;font-size:clamp(4rem,12vw,13rem);line-height:1;color:rgba(16,36,58,.055);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ink);border-radius:3px;padding:15px 25px;background:var(--ink);color:white!important;font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;transition:transform .18s,background .18s;text-decoration:none!important}.btn:hover{background:var(--teal);border-color:var(--teal);transform:translateY(-2px)}.btn-light{background:transparent;color:var(--ink)!important}.btn-light:hover{color:white!important}.section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section h2,.editorial h2{font-family:Georgia,serif;letter-spacing:-.04em;line-height:1.1;font-size:clamp(2.2rem,3.4vw,3.9rem);margin:0}.section-intro{color:var(--muted);max-width:590px;margin:12px 0 0}.text-link{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;border-bottom:1px solid var(--teal);padding-bottom:4px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{position:relative;min-height:350px;background:#e9e9e3;border:1px solid var(--line);overflow:hidden;display:block}.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s}.category-card:hover img{transform:scale(1.045)}.category-card::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(9,26,37,.68))}.category-card__label{position:absolute;left:22px;bottom:22px;z-index:1;color:white;font-family:Georgia,serif;font-size:1.6rem;line-height:1.1}.category-card__count{font:700 .7rem/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:5px}.category-card.no-image{background:linear-gradient(135deg,#d2dedb,#aabfbd)}.category-card.no-image::after{background:linear-gradient(transparent,rgba(9,26,37,.52))}.editorial{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white}.editorial-copy{padding:clamp(38px,6vw,94px)}.editorial .eyebrow{color:#c8a064}.editorial p{color:#c2d0d8;max-width:550px}.editorial-image{background:linear-gradient(145deg,#274a54,#0a2938);position:relative;min-height:360px;display:grid;place-items:center;overflow:hidden}.editorial-image::before{content:"SC";font:italic 700 clamp(10rem,28vw,30rem)/1 Georgia,serif;letter-spacing:-.2em;color:rgba(255,255,255,.06);transform:translateX(-.1em)}.editorial-image::after{content:"A considered collection";position:absolute;border:1px solid rgba(255,255,255,.4);padding:17px 25px;color:#e7e0ce;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.trust-item{background:white;padding:32px}.trust-item strong{display:block;font-family:Georgia,serif;font-size:1.45rem;margin-bottom:8px}.trust-item p{color:var(--muted);margin:0}.site-main{min-height:55vh}.content-shell{padding-block:54px 90px}.content-shell h1{font-family:Georgia,serif;font-size:clamp(2.4rem,4vw,4.5rem);letter-spacing:-.045em;line-height:1.1}.prose{max-width:830px}.prose p,.prose li{color:#334c5c}.site-footer{background:#0c2033;color:white;padding:60px 0 26px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.site-footer p,.site-footer li,.site-footer small{color:#bccbd5}.site-footer h2{font:700 .77rem system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 17px}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:0 0 10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.17);margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:.75rem}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0!important}.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:white;border:1px solid var(--line);padding:10px 10px 18px!important;display:flex;flex-direction:column}.woocommerce ul.products li.product img{aspect-ratio:1/1;object-fit:contain;background:#f8f9f7;margin-bottom:14px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:500 1.05rem/1.35 Georgia,serif!important;color:var(--ink);padding:0 8px!important;min-height:2.7em}.woocommerce ul.products li.product .price{color:var(--teal)!important;font-weight:800!important;padding:0 8px;margin-top:auto!important}.woocommerce ul.products li.product .button{background:var(--ink);color:white;padding:11px 13px;text-align:center;border-radius:2px;margin:12px 8px 0}.woocommerce .woocommerce-breadcrumb{margin:0 0 20px!important}.woocommerce div.product .product_title{font-family:Georgia,serif;font-size:clamp(2rem,3.5vw,3.8rem);line-height:1.12;letter-spacing:-.04em}.woocommerce div.product .woocommerce-tabs{padding-top:30px}.woocommerce div.product .price{color:var(--teal)!important}.woocommerce div.product form.cart .variations select{min-height:46px;border:1px solid var(--line);background:white;padding:8px}.woocommerce button.button.alt,.woocommerce a.button.alt{background:var(--ink)}.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{background:var(--teal)}.notice{background:#e8eeec;padding:20px;border-left:3px solid var(--teal)}@media(max-width:1020px){.header-inner{grid-template-columns:auto 1fr auto}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 24px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.main-nav.is-open{display:flex}.menu-toggle{display:block}.category-grid{grid-template-columns:repeat(2,1fr)}.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:2fr 1fr;gap:32px}}@media(max-width:700px){.container{width:min(100% - 28px,1320px)}.announcement{font-size:.64rem}.header-inner{min-height:66px;gap:10px}.wordmark{font-size:1.05rem}.header-actions{gap:10px}.header-actions .search-link{display:none}.header-actions a{font-size:.7rem}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:55px 24px 34px}.hero h1{font-size:clamp(2.7rem,11vw,4.8rem)}.hero-media{min-height:360px}.section{padding:52px 0}.section-head{align-items:start;flex-direction:column}.category-grid{gap:10px}.category-card{min-height:240px}.category-card__label{left:14px;bottom:16px;font-size:1.25rem}.editorial{grid-template-columns:1fr}.editorial-copy{padding:50px 24px}.editorial-image{min-height:220px}.trust-grid{grid-template-columns:1fr}.trust-item{padding:24px}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.woocommerce ul.products li.product{padding:7px 7px 12px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:.87rem!important}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.content-shell{padding-block:34px 60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
