/*
Theme Name: Lalka Sklep
Description: Motyw sklepu sklep.lalkakomiks.pl w stylu strony głównej Lalki.
Version: 1.0
Author: NMR Productions
Text Domain: lalka-sklep
*/
:root{--ink:#0c0506;--velvet:#5c0f16;--velvet2:#3a070c;--crimson:#8e1b24;--wine:#1a0507;--gold:#e3bd6d;--gold2:#fff0c4;--gold3:#a87a30;--parch:#f1e0bd;--paper:#f7eedb;--text:#f0e6d4;--muted:#c3b096;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;line-height:1.6;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold2)}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.gold{background:linear-gradient(100deg,var(--gold3),var(--gold) 30%,#fffbe6 48%,var(--gold) 62%,var(--gold3));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 7s linear infinite}
@keyframes shine{from{background-position:150% 0}to{background-position:-100% 0}}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* NAV */
.ls-nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 5vw;background:linear-gradient(rgba(12,5,6,.85),rgba(12,5,6,0));transition:background .4s,padding .4s}
.ls-nav.solid{background:rgba(26,5,7,.94);backdrop-filter:blur(8px);padding:11px 5vw;border-bottom:1px solid rgba(227,189,109,.25)}
body.admin-bar .ls-nav{top:32px}
.ls-brand{font-family:'Cinzel Decorative',serif;font-weight:700;font-size:22px;letter-spacing:.08em;color:var(--gold)}
.ls-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-family:'Cinzel',serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.ls-nav ul a{color:var(--muted)}
.ls-nav ul a:hover,.ls-nav ul a.on{color:var(--gold)}
.ls-cart{position:relative;font-family:'Cinzel',serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--gold);padding:8px 18px;border-radius:2px;color:var(--gold)}
.ls-cart b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:8px;border-radius:50%;background:var(--gold);color:var(--wine);font-size:11px;letter-spacing:0}

/* BUTTONS (incl. WooCommerce) */
.btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.wp-element-button,.wc-block-components-button:not(.is-link){display:inline-block;padding:14px 30px!important;font-family:'Cinzel',serif!important;font-weight:600!important;font-size:14px!important;letter-spacing:.18em!important;text-transform:uppercase!important;border:1px solid var(--gold)!important;border-radius:2px!important;color:var(--wine)!important;background:linear-gradient(135deg,var(--gold2),var(--gold) 45%,var(--gold3))!important;box-shadow:0 0 26px rgba(227,189,109,.32)!important;transition:transform .2s,box-shadow .2s!important;cursor:pointer;line-height:1.3!important;text-align:center}
.btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.wc-block-components-button:not(.is-link):hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(227,189,109,.55)!important;color:var(--wine)!important}
.btn.ghost{background:transparent!important;color:var(--gold)!important;box-shadow:none!important}

/* HERO */
.ls-hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;justify-content:center;text-align:center;overflow:hidden;background:var(--wine)}
.ls-hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;transform:scale(1.08);animation:drift 30s ease-in-out infinite alternate}
@keyframes drift{from{transform:scale(1.08)}to{transform:scale(1.16) translateY(-1.5%)}}
.ls-hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,5,6,.6) 0%,transparent 28%,transparent 72%,rgba(12,5,6,.6) 100%),linear-gradient(180deg,rgba(12,5,6,.45) 0%,transparent 18%,transparent 45%,rgba(12,5,6,.92) 80%,var(--ink) 100%)}
.ls-hero .dust{position:absolute;inset:0;z-index:2;pointer-events:none;width:100%;height:100%}
.ls-hero .inner{position:relative;z-index:5;padding:0 20px 7vh;max-width:900px;opacity:0;animation:rise 1.3s ease .4s forwards}
.kicker{font-family:'Cinzel',serif;font-size:14px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold)}
.ls-title{font-family:'Cinzel Decorative',serif;font-weight:900;font-size:clamp(54px,7vw,104px);line-height:.95;margin:6px 0 4px;filter:drop-shadow(0 6px 28px #000)}
.script{font-family:'Pinyon Script',cursive;font-size:clamp(28px,3vw,42px);color:var(--gold2);text-shadow:0 0 22px rgba(227,189,109,.55),0 2px 6px #000;margin:0 0 14px}
.ls-sub{max-width:640px;margin:0 auto;font-size:19px;color:var(--text);text-shadow:0 2px 8px #000}
.ls-hero.small{min-height:46vh}
.ls-hero.small .ls-title{font-size:clamp(40px,5vw,72px)}

/* SECTION */
.ls-main{position:relative;padding:70px 5vw 110px;max-width:1240px;margin:0 auto}
.rule{width:220px;height:14px;margin:18px auto 0;background:linear-gradient(var(--gold),var(--gold)) center/100% 1px no-repeat,radial-gradient(circle,var(--gold) 3px,transparent 4px) center/14px 14px no-repeat}
.eyebrow{font-family:'Cinzel',serif;font-size:13px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);text-align:center}
.ls-main h1,.ls-main h2{font-family:'Cinzel Decorative',serif;font-weight:700;color:var(--parch);line-height:1.15}

/* SHOP GRID */
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering,.woocommerce-products-header,.woocommerce .woocommerce-breadcrumb{display:none}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,420px));justify-content:center;gap:70px;margin:30px 0 0!important;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;padding:0!important;text-align:center;position:relative}
.woocommerce ul.products li.product a img{width:100%;aspect-ratio:auto;margin:0 0 26px!important;border:1px solid rgba(227,189,109,.55);outline:1px solid rgba(227,189,109,.18);outline-offset:7px;box-shadow:0 34px 70px rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.4);transition:transform .6s ease,box-shadow .6s ease}
.woocommerce ul.products li.product:hover a img{transform:translateY(-8px) rotate(-.6deg);box-shadow:0 46px 90px rgba(0,0,0,.85),0 0 50px rgba(227,189,109,.18)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Cinzel Decorative',serif!important;font-weight:700;font-size:26px!important;color:var(--parch);padding:0!important;margin:0 0 6px!important;line-height:1.2}
.woocommerce ul.products li.product .price{display:block;font-family:'Cinzel',serif;font-size:26px!important;color:var(--gold)!important;margin:4px 0 20px!important;letter-spacing:.04em}
.woocommerce ul.products li.product .button{margin-top:0!important}
.woocommerce span.onsale{display:none}
.ls-ribbon{position:absolute;top:18px;left:-12px;z-index:3;font-family:'Cinzel',serif;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold2);padding:8px 18px 8px 16px;background:linear-gradient(135deg,var(--crimson),var(--velvet2));box-shadow:0 8px 18px rgba(0,0,0,.5);border:1px solid rgba(227,189,109,.4)}
.ls-promise{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;margin:80px auto 0;padding:34px 20px;border-top:1px solid rgba(227,189,109,.22);border-bottom:1px solid rgba(227,189,109,.22);max-width:1000px;text-align:center}
.ls-promise div{max-width:230px}
.ls-promise b{display:block;font-family:'Cinzel',serif;font-weight:600;font-size:15px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.ls-promise span{color:var(--muted);font-size:18px;line-height:1.45}
.ls-pay{margin-top:34px;text-align:center;font-family:'Cinzel',serif;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}

/* SINGLE PRODUCT */
.woocommerce div.product{display:grid;grid-template-columns:minmax(260px,440px) 1fr;gap:70px;align-items:start}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:auto!important;float:none!important;margin:0!important}
.woocommerce div.product div.images img{border:1px solid rgba(227,189,109,.55);outline:1px solid rgba(227,189,109,.18);outline-offset:7px;box-shadow:0 34px 70px rgba(0,0,0,.75)}
.woocommerce div.product .product_title{font-family:'Cinzel Decorative',serif;font-size:clamp(32px,3.4vw,48px);color:var(--parch);margin:0 0 10px}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-family:'Cinzel',serif;font-size:32px!important;color:var(--gold)!important}
.woocommerce div.product .woocommerce-product-details__short-description{font-size:21px;color:var(--text)}
.woocommerce div.product form.cart{margin:26px 0!important}
.woocommerce div.product form.cart .quantity{display:none!important}
.woocommerce div.product .product_meta{font-size:15px;color:var(--muted);border-top:1px solid rgba(227,189,109,.2);padding-top:14px}
.woocommerce div.product .product_meta a{color:var(--muted)}
.woocommerce div.product .woocommerce-tabs,.woocommerce .related,.woocommerce .upsells{grid-column:1/-1}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;margin:0 0 20px!important}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:rgba(227,189,109,.25)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent!important;border-color:rgba(227,189,109,.25)!important;border-radius:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:'Cinzel',serif;letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:var(--muted)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--gold)!important}
.woocommerce .related h2,.woocommerce .upsells h2{text-align:center;font-size:30px}
.ls-perks{list-style:none;padding:0;margin:20px 0}
.ls-perks li{padding:6px 0 6px 30px;position:relative;color:var(--text)}
.ls-perks li::before{content:"\2766";position:absolute;left:0;color:var(--gold)}

/* CART, CHECKOUT, ACCOUNT: parchment card for legibility */
.ls-paper{background:var(--paper);color:#2a1a12;border-radius:3px;padding:44px clamp(20px,4vw,56px);box-shadow:0 40px 90px rgba(0,0,0,.7);border:1px solid rgba(227,189,109,.6);outline:1px solid rgba(227,189,109,.2);outline-offset:8px;font-size:18px}
.ls-paper a{color:var(--crimson)}
.ls-paper h1,.ls-paper h2,.ls-paper h3,.ls-paper .wc-block-components-title{font-family:'Cinzel',serif!important;color:#2a1a12!important}
.ls-paper .wc-block-components-checkout-step__title,.ls-paper .wc-block-cart__totals-title{font-family:'Cinzel',serif!important;letter-spacing:.06em}
.ls-paper input,.ls-paper select,.ls-paper textarea{color:#2a1a12!important}
.ls-paper .wc-block-components-totals-item__value,.ls-paper .wc-block-components-product-price{color:#2a1a12}
.ls-paper .wc-block-components-button:not(.is-link){width:100%}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:rgba(227,189,109,.08)!important;border-top-color:var(--gold)!important;color:var(--text)!important}
.ls-paper .woocommerce-message,.ls-paper .woocommerce-info{color:#2a1a12!important}

/* PAGE CONTENT */
.ls-page{max-width:860px;margin:0 auto}
.ls-page .entry-content{color:var(--text)}
.ls-page h1.entry-title{text-align:center;font-size:clamp(34px,4vw,52px);margin:0 0 30px}

/* FOOTER */
.ls-foot{padding:46px 5vw;border-top:1px solid rgba(227,189,109,.22);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:16px;background:linear-gradient(transparent,#140607)}
.ls-foot a{color:var(--muted)}.ls-foot a:hover{color:var(--gold)}
.ls-foot nav{display:flex;gap:22px;flex-wrap:wrap}

@media(max-width:820px){
 .ls-nav ul{display:none}
 .woocommerce div.product{grid-template-columns:1fr;gap:40px}
 .ls-hero{min-height:64vh}
 .woocommerce ul.products{gap:56px}
 body.admin-bar .ls-nav{top:46px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.ls-hero .inner{opacity:1}}
/* titles: no Cinzel Decorative ligatures, subtitle line */
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce div.product .product_title,.ls-title,.ls-main h1,.ls-main h2{font-variant-ligatures:none;font-feature-settings:"liga" 0,"dlig" 0}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:30px!important;margin:0 0 4px!important}
.ls-subtitle{font-family:"Cinzel",serif;font-size:14px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.woocommerce div.product .ls-subtitle{margin:-4px 0 14px}
.ls-hero .kicker{margin-bottom:6px}

.ls-navr{display:flex;align-items:center;gap:14px}
.ls-look{margin-top:6px}
.woocommerce div.product .ls-look{margin:-6px 0 6px}
.ls-foot nav{align-items:center}
/* classic cart and checkout on parchment */
.ls-paper .woocommerce form .form-row{margin:0 0 16px}
.ls-paper .woocommerce form .form-row label{font-family:"Cinzel",serif;font-size:13px;letter-spacing:.08em;color:#4a3524}
.ls-paper .woocommerce form .form-row input.input-text,.ls-paper .woocommerce form .form-row select,.ls-paper .select2-container .select2-selection--single{width:100%;padding:12px 14px;min-height:46px;border:1px solid #c9b187;border-radius:2px;background:#fffaf0;font-family:"Cormorant Garamond",Georgia,serif;font-size:18px;color:#2a1a12}
.ls-paper .select2-container .select2-selection--single .select2-selection__rendered{line-height:22px;padding:0;color:#2a1a12}
.ls-paper .select2-container .select2-selection--single .select2-selection__arrow{height:44px}
.ls-paper #customer_details{display:block}
.ls-paper .woocommerce .col2-set .col-1,.ls-paper .woocommerce .col2-set .col-2{width:100%;float:none}
.ls-paper .woocommerce-checkout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.ls-paper .woocommerce-checkout #customer_details{grid-column:1}
.ls-paper .woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;margin:0}
.ls-paper .woocommerce-checkout #order_review{grid-column:2;grid-row:1;margin-top:46px}
.ls-paper table.shop_table{border:1px solid #d8c39b!important;border-radius:2px!important;background:#fffaf0;color:#2a1a12}
.ls-paper table.shop_table th,.ls-paper table.shop_table td{border-color:#e4d3b0!important;padding:12px 14px!important}
.ls-paper #payment{background:#efe2c6!important;border-radius:2px!important}
.ls-paper #payment ul.payment_methods{border-bottom-color:#d8c39b!important}
.ls-paper #payment div.payment_box{background:#fffaf0!important;color:#2a1a12!important}
.ls-paper #payment div.payment_box::before{border-bottom-color:#fffaf0!important}
.ls-paper #place_order{width:100%;margin-top:10px}
.ls-paper .woocommerce-billing-fields h3,.ls-paper #order_review_heading{font-size:22px;letter-spacing:.06em}
.ls-paper .woocommerce-privacy-policy-text{font-size:15px;color:#5a4634}
@media(max-width:820px){.ls-paper .woocommerce-checkout{grid-template-columns:1fr}.ls-paper .woocommerce-checkout #order_review_heading,.ls-paper .woocommerce-checkout #order_review{grid-column:1;grid-row:auto;margin-top:0}}
/* single-column checkout (overrides the grid above) */
.ls-paper .woocommerce-checkout{display:block!important;max-width:680px;margin:0 auto}
.ls-paper .woocommerce-checkout #order_review_heading{margin:30px 0 12px!important}
.ls-paper .woocommerce-checkout #order_review{margin-top:0!important}
.ls-paper #wc-stripe-express-checkout-element,.ls-paper .wc-stripe-express-checkout-element,.ls-paper #wc-stripe-express-checkout-button-separator{max-width:680px;margin-left:auto!important;margin-right:auto!important}
.ls-paper .woocommerce-form-coupon-toggle{display:none}
