/*
Theme Name: TCG-DEN
Theme URI: https://tcg-den.de/
Description: Bright Storefront child theme for the TCG-DEN accessories shop.
Author: TCG-DEN
Template: storefront
Version: 2.0.1
Text Domain: tcg-den
*/

:root{--cream:#fff9ef;--paper:#fff;--ink:#20333a;--muted:#64747a;--coral:#ff6f61;--coral-dark:#df5146;--yellow:#ffd166;--mint:#52c5b5;--sky:#85d6ee;--lilac:#b9a5f8;--line:#eadfd0;--shadow:0 16px 38px rgba(57,43,28,.1)}
html{scroll-behavior:smooth}
body,.site{color:var(--ink);background:var(--cream);font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif}
body{overflow-x:hidden}a{color:var(--coral-dark)}a:hover,a:focus{color:var(--ink)}.col-full{max-width:1240px}
.den-topbar{display:flex;justify-content:center;gap:clamp(1rem,5vw,4rem);padding:.62rem 1rem;color:#fff;background:var(--ink);font-size:.78rem;font-weight:800;letter-spacing:.035em}
.den-topbar span:before{display:inline-block;width:.45rem;height:.45rem;margin-right:.55rem;background:var(--yellow);border-radius:50%;content:"";vertical-align:.08rem}
.site-header{margin:0!important;padding:1.25rem 0 0;background:rgba(255,249,239,.96);border-bottom:1px solid var(--line)}.site-branding{margin-bottom:.85rem}
.site-branding .site-title a{position:relative;display:inline-flex;align-items:center;gap:.68rem;color:var(--ink);font-size:clamp(1.55rem,3vw,2.25rem);font-weight:950;letter-spacing:-.06em}
.site-branding .site-title a:before{width:2.1rem;height:1.75rem;background:linear-gradient(135deg,var(--coral) 0 49%,var(--yellow) 50% 100%);clip-path:polygon(50% 0,100% 100%,60% 100%,50% 72%,40% 100%,0 100%);content:"";filter:drop-shadow(0 4px 0 rgba(32,51,58,.1))}
.site-branding .site-description{margin:.1rem 0 0 2.8rem;color:var(--muted);font-size:.78rem;font-weight:700}
.site-search .widget_product_search form input[type=search],.site-search .widget_product_search form input[type=text]{color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:2rem;box-shadow:none}
.main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a{color:var(--ink);font-weight:800}.main-navigation ul li a:hover,.main-navigation ul li.current-menu-item>a{color:var(--coral-dark)}
.site-header-cart .cart-contents{color:var(--ink)}.site-header-cart .cart-contents .amount{color:var(--coral-dark)}
.site-content{padding-top:2.6rem}.home .site-content{padding-top:0}.home .entry-header{display:none}.home .content-area,.woocommerce-page .content-area{width:100%}.home .widget-area,.woocommerce-page .widget-area{display:none}.home .entry-content{margin-top:0}
.den-hero{position:relative;isolation:isolate;min-height:520px;margin:0 calc(50% - 50vw);padding:clamp(3.5rem,6vw,5.25rem) max(6vw,calc((100vw - 1160px)/2));background:linear-gradient(112deg,#ffe4db 0 52%,#dff7f1 52% 100%)}
.den-hero:before{position:absolute;z-index:-1;top:8%;right:clamp(3%,calc((100vw - 1220px)/2),12%);width:min(43vw,500px);aspect-ratio:1;background:radial-gradient(circle at 51% 60%,#fff6d9 0 11%,transparent 11.5%),linear-gradient(133deg,transparent 0 49.2%,rgba(32,51,58,.12) 49.5% 50.5%,transparent 50.8%),linear-gradient(47deg,transparent 0 49.2%,rgba(32,51,58,.12) 49.5% 50.5%,transparent 50.8%),linear-gradient(135deg,var(--coral) 0 50%,var(--yellow) 50% 100%);clip-path:polygon(50% 0,98% 88%,63% 88%,50% 62%,37% 88%,2% 88%);content:"";filter:drop-shadow(0 24px 0 rgba(255,255,255,.75));transform:rotate(2deg);transform-origin:50% 72%;animation:den-tent-float 5.5s ease-in-out infinite}
.den-hero:after{position:absolute;z-index:-2;right:-3rem;bottom:-6rem;width:42rem;height:14rem;background:rgba(133,214,238,.45);border-radius:50% 0 0 0;content:"";transform:rotate(-5deg);animation:den-hill-drift 9s ease-in-out infinite}
@keyframes den-tent-float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-13px) rotate(.5deg)}}
@keyframes den-hill-drift{0%,100%{transform:translateX(0) rotate(-5deg)}50%{transform:translateX(-18px) rotate(-4deg)}}
.den-kicker{display:inline-block;margin-bottom:1.4rem;padding:.55rem 1rem;color:var(--ink);background:var(--yellow);border-radius:2rem;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-1.5deg)}
.den-hero h1{max-width:9.8ch;margin:0 0 1.4rem;color:var(--ink);font-size:clamp(3.5rem,7.5vw,7.2rem);font-weight:950;letter-spacing:-.075em;line-height:.88}.den-hero h1 em{color:var(--coral-dark);font-style:normal}
.den-hero p{max-width:580px;margin:0 0 2rem;color:#455a61;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.65}.den-actions{display:flex;flex-wrap:wrap;gap:.8rem}
.button,button,input[type=button],input[type=reset],input[type=submit],.added_to_cart,.wc-block-components-button{padding:.95rem 1.4rem;color:#fff!important;background:var(--coral)!important;border:0!important;border-radius:999px!important;box-shadow:0 8px 0 var(--coral-dark);font-weight:900!important;transition:transform .15s ease,box-shadow .15s ease}
.button:hover,button:hover,input[type=submit]:hover{color:#fff!important;background:var(--coral-dark)!important;box-shadow:0 5px 0 #bc3f36;transform:translateY(3px)}
.den-button-secondary{color:var(--ink)!important;background:#fff!important;border:2px solid var(--ink)!important;box-shadow:0 6px 0 var(--ink)!important}.den-button-secondary:hover{color:var(--ink)!important;background:var(--yellow)!important;box-shadow:0 3px 0 var(--ink)!important}
.den-category-nav{margin:0 calc(50% - 50vw);padding:1.2rem max(4vw,calc((100vw - 1200px)/2));background:var(--ink)}.den-category-nav ul{display:flex;justify-content:space-between;gap:1rem;overflow-x:auto;margin:0;padding:0;list-style:none;scrollbar-width:none}.den-category-nav a{display:inline-block;padding:.5rem .35rem;color:#fff;font-size:.92rem;font-weight:850;white-space:nowrap}
.den-category-nav li:nth-child(1) a:before{background:var(--coral)}.den-category-nav li:nth-child(2) a:before{background:var(--yellow)}.den-category-nav li:nth-child(3) a:before{background:var(--mint)}.den-category-nav li:nth-child(4) a:before{background:var(--sky)}.den-category-nav li:nth-child(5) a:before{background:var(--lilac)}.den-category-nav a:before{display:inline-block;width:.65rem;height:.65rem;margin-right:.55rem;border-radius:50%;content:""}
.den-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(2rem,5vw,5rem);align-items:start;padding:clamp(3rem,5vw,4.5rem) 0}.den-eyebrow{color:var(--coral-dark);font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.den-intro h2,.den-products h2,.den-story h2,.woocommerce-products-header__title,.entry-title{color:var(--ink);font-weight:950;letter-spacing:-.055em}.den-intro h2{margin:.8rem 0 0;font-size:clamp(2.3rem,5vw,4.7rem);line-height:.95}.den-intro-copy{max-width:640px;padding-top:.35rem;color:var(--muted);font-size:1.1rem;line-height:1.75}.den-text-link{display:inline-block;margin-top:1rem;color:var(--ink);border-bottom:3px solid var(--yellow);font-weight:900}
.den-spotlight{position:relative;margin:0 calc(50% - 50vw);padding:clamp(3rem,5vw,4.5rem) max(6vw,calc((100vw - 1160px)/2));background:var(--mint)}.den-spotlight-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.den-spotlight-art{position:relative;min-height:280px}.den-spotlight-art:before,.den-spotlight-art:after{position:absolute;content:"";box-shadow:0 20px 40px rgba(32,51,58,.18)}.den-spotlight-art:before{inset:1.5rem 12% 1.5rem 8%;background:linear-gradient(145deg,#fff 0 67%,var(--lilac) 67% 100%);border:8px solid var(--ink);border-radius:1.2rem;transform:rotate(-6deg)}.den-spotlight-art:after{width:44%;height:74%;right:4%;bottom:0;background:var(--yellow);border:7px solid var(--ink);border-radius:1rem;transform:rotate(8deg)}
.den-spotlight h2{margin:0 0 1.2rem;color:var(--ink);font-size:clamp(2.5rem,5vw,5rem);font-weight:950;letter-spacing:-.065em;line-height:.92}.den-spotlight p{max-width:540px;color:#254d48;font-size:1.1rem;line-height:1.7}
.den-products{padding:clamp(3.25rem,5vw,4.75rem) 0 3.5rem}.den-section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.5rem}.den-products h2{margin:0;font-size:clamp(2.4rem,5vw,4.4rem)}
ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}ul.products:before,ul.products:after{display:none}ul.products li.product,ul.products.columns-3 li.product,ul.products.columns-4 li.product{float:none;width:auto;margin:0;padding:0 0 1rem;text-align:left;background:transparent;border-bottom:2px solid var(--line)}ul.products li.product img,.den-products ul.products li.product img{display:block;width:100%;max-width:none;margin:0 0 1rem;aspect-ratio:1;object-fit:cover;background:#f2eadd;border-radius:1.3rem;transition:transform .22s ease}ul.products li.product:hover img{transform:rotate(-1.5deg) translateY(-4px)}ul.products li.product .woocommerce-loop-product__title{color:var(--ink);font-size:1.05rem;font-weight:900}ul.products li.product .price,.single-product div.product p.price{color:var(--coral-dark);font-size:1.12rem;font-weight:950}ul.products li.product .button{display:inline-block;margin-top:.7rem;padding:.7rem 1rem;box-shadow:0 5px 0 var(--coral-dark);font-size:.84rem}
.den-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding:3.5rem 0 4.5rem}.den-story h2{font-size:clamp(2.4rem,4.5vw,4rem);line-height:.98}.den-story p{color:var(--muted);font-size:1.08rem;line-height:1.75}.den-story-mark{display:grid;place-items:center;min-height:280px;color:var(--ink);background:var(--yellow);border-radius:50% 48% 45% 52%;font-size:clamp(2rem,6vw,5rem);font-weight:950;letter-spacing:-.08em;transform:rotate(-3deg)}
.woocommerce-breadcrumb,.woocommerce-result-count{color:var(--muted)}.woocommerce-ordering select,input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=number],textarea,select{color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:.7rem;box-shadow:none}.woocommerce-info,.woocommerce-message{color:var(--ink);background:#fff;border-left-color:var(--mint)}table:not(.has-background) th,table:not(.has-background) tbody td{background:#fff}.site-footer{color:#c9d7d9;background:var(--ink)}.site-footer a{color:#fff}
@media(max-width:900px){.den-hero{min-height:540px}.den-hero:before{top:auto;right:-2rem;bottom:1rem;width:min(62vw,390px);opacity:.42}.den-intro,.den-spotlight-inner,.den-story{grid-template-columns:1fr}.den-spotlight-art{min-height:260px;order:2}ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:568px){.den-topbar span:not(:first-child){display:none}.site-header{padding-top:.8rem}.site-branding .site-description{display:none}.main-navigation ul.menu{background:#fff;border-radius:.9rem}.den-hero{min-height:520px;padding-top:3.25rem}.den-hero h1{font-size:clamp(3.25rem,17vw,5rem)}.den-hero:after{opacity:.5}.den-category-nav{padding-inline:1rem}.den-intro{padding-block:3rem}.den-spotlight{padding-block:3rem}.den-spotlight-art{min-height:210px}.den-section-head{display:block}.den-section-head .den-text-link{margin-top:1rem}ul.products{grid-template-columns:1fr 1fr;gap:1.1rem}ul.products li.product .button{padding:.65rem .8rem;font-size:.74rem}.den-story{padding-block:3rem}.den-story-mark{min-height:220px}}
@media(prefers-reduced-motion:reduce){.den-hero:before,.den-hero:after{animation:none}.den-hero:before{transform:rotate(2deg)}.den-hero:after{transform:rotate(-5deg)}}