/*
Theme Name: Vaultroom Shop
Theme URI: https://shop.vaultroom.de
Description: Vaultroom storefront for the invitation-only TCG club.
Author: Questwerk
Template: storefront
Version: 1.0.0
Text Domain: vaultroom-shop
*/

@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/geist-latin.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/space-grotesk-latin.woff2) format("woff2")}

:root{
  --vr-bg:#070b10;
  --vr-bg-soft:#0a0f15;
  --vr-surface:#101720;
  --vr-surface-2:#0d141d;
  --vr-surface-3:#151d27;
  --vr-border:rgba(255,255,255,.08);
  --vr-border-strong:rgba(255,255,255,.14);
  --vr-text:#e8edf3;
  --vr-muted:#8995a4;
  --vr-dim:#5f6b7a;
  --vr-gold:#f3c863;
  --vr-gold-bright:#ffe39a;
  --vr-cyan:#67d8e5;
  --vr-display:"Space Grotesk",Geist,Arial,sans-serif;
  --vr-sans:Geist,Arial,sans-serif;
}

html{overflow-x:hidden;background:var(--vr-bg);scroll-behavior:smooth}
body,.site{margin:0;overflow-x:hidden;background:var(--vr-bg);color:var(--vr-text);font-family:var(--vr-sans);font-size:16px;line-height:1.65}
body{background:radial-gradient(circle at 82% 2%,rgba(76,114,135,.13),transparent 34rem),radial-gradient(circle at 10% 12%,rgba(218,169,69,.055),transparent 28rem),var(--vr-bg)}
*,*::before,*::after{box-sizing:border-box}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--vr-gold);outline-offset:4px}
h1,h2,h3,h4,h5,h6{color:#fff;font-family:var(--vr-display);letter-spacing:-.035em}
p{color:var(--vr-muted)}

.col-full{width:min(100% - 40px,1330px);max-width:1330px;margin-inline:auto;padding:0}
.site-content{min-height:68vh}
.content-area{width:100%!important;float:none!important;margin:0!important}
.widget-area{display:none!important}
.site-main{margin:0;padding:64px 0 112px}
.home .site-main{padding-top:44px}
.home .entry-header{display:none}
.entry-content{font-size:1rem}

.vr-site-header{position:relative;z-index:50;border-bottom:1px solid var(--vr-border);background:rgba(7,11,16,.84);backdrop-filter:blur(18px)}
.vr-site-header::after{position:absolute;right:5%;bottom:-1px;left:5%;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(243,200,99,.14),rgba(255,255,255,.1),transparent)}
.vr-nav{display:flex;min-height:92px;align-items:center;justify-content:space-between;gap:28px}
.vr-brand{display:flex;align-items:center;gap:13px;flex:none}
.vr-brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(243,200,99,.22);border-radius:13px;background:rgba(243,200,99,.07);color:#f5d47f;box-shadow:0 0 32px rgba(243,200,99,.08)}
.vr-brand-mark svg{width:25px;height:25px}
.vr-brand-name{display:block;color:#fff;font-family:var(--vr-display);font-size:1.04rem;font-weight:650;letter-spacing:.18em;line-height:1.1}
.vr-brand-sub{display:block;margin-top:5px;color:#687485;font-size:.6rem;font-weight:650;letter-spacing:.23em;line-height:1;text-transform:uppercase}
.vr-main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.vr-main-nav a{color:#8f9aa8;font-size:.875rem;transition:color .2s ease}
.vr-main-nav a:hover,.vr-main-nav .current-menu-item>a{color:#fff}
.vr-actions{display:flex;align-items:center;gap:9px}
.vr-action{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:1px solid var(--vr-border-strong);border-radius:999px;color:#dfe5eb;font-size:.82rem;font-weight:650;transition:border-color .2s ease,background .2s ease,color .2s ease}
.vr-action:hover{border-color:rgba(243,200,99,.34);background:rgba(255,255,255,.035);color:#fff}
.vr-cart-count{display:grid;min-width:20px;height:20px;place-items:center;border-radius:999px;background:var(--vr-gold);color:#11151b;font-size:.68rem;font-weight:800}
.vr-mobile-menu{display:none;position:relative}
.vr-mobile-menu summary{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--vr-border-strong);border-radius:999px;color:#fff;cursor:pointer;font-size:0;list-style:none}
.vr-mobile-menu summary::-webkit-details-marker{display:none}
.vr-mobile-menu summary::before,.vr-mobile-menu summary::after{position:absolute;width:16px;height:1px;content:"";background:#fff;transform:translateY(-3px)}
.vr-mobile-menu summary::after{transform:translateY(3px)}
.vr-mobile-panel{position:absolute;top:52px;right:0;width:240px;padding:10px;border:1px solid var(--vr-border-strong);border-radius:18px;background:#0d141d;box-shadow:0 28px 70px rgba(0,0,0,.48)}
.vr-mobile-panel a{display:block;padding:12px 14px;border-radius:10px;color:#bac3cd;font-size:.9rem}
.vr-mobile-panel a:hover{background:rgba(255,255,255,.05);color:#fff}

.entry-title,.woocommerce-products-header__title,.woocommerce-account .entry-title,.cart-empty{font-family:var(--vr-display)}
.entry-title,.woocommerce-products-header__title{margin:0 0 40px;color:#fff;font-size:clamp(2.3rem,5vw,4.6rem);font-weight:500;line-height:.98;letter-spacing:-.055em}

.vaultroom-hero{position:relative;isolation:isolate;min-height:570px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;padding:clamp(50px,8vw,108px);border:1px solid var(--vr-border);border-radius:32px;background:radial-gradient(circle at 78% 18%,rgba(77,131,154,.22),transparent 30rem),radial-gradient(circle at 12% 5%,rgba(243,200,99,.09),transparent 25rem),linear-gradient(145deg,#111923,#080c12 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 36px 90px rgba(0,0,0,.28)}
.vaultroom-hero::before{position:absolute;z-index:-1;inset:0;content:"";opacity:.2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 80% 25%,#000 0,transparent 70%)}
.vaultroom-hero::after{position:absolute;z-index:-1;right:-12%;bottom:-70%;width:620px;height:620px;border:1px solid rgba(243,200,99,.11);border-radius:50%;content:"";box-shadow:0 0 0 80px rgba(255,255,255,.014),0 0 0 160px rgba(255,255,255,.009)}
.vaultroom-kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 28px;color:#e4c26f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.vaultroom-kicker::before{width:6px;height:6px;border-radius:50%;background:var(--vr-gold);box-shadow:0 0 12px var(--vr-gold);content:""}
.vaultroom-hero h1{max-width:1100px;margin:0;color:#fff;font-size:clamp(3.1rem,7.2vw,7.25rem);font-weight:500;line-height:.89;letter-spacing:-.065em}
.vaultroom-metal-text{color:transparent;background:linear-gradient(112deg,#bd892f,#ffe39a 48%,#b77c22);background-clip:text;-webkit-background-clip:text}
@media (min-width:1100px){.vaultroom-metal-text{white-space:nowrap}}
.vaultroom-hero>p:last-child{max-width:680px;margin:34px 0 0;color:#929eac;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65}

.vaultroom-card{position:relative;overflow:hidden;margin:22px 0;padding:clamp(28px,5vw,52px);border:1px solid var(--vr-border);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.vaultroom-card::after{position:absolute;top:0;right:0;width:240px;height:180px;background:radial-gradient(circle at 100% 0,rgba(243,200,99,.085),transparent 66%);content:"";pointer-events:none}
.vaultroom-eyebrow{margin:0 0 18px!important;color:#d3b263!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem!important;font-weight:700;letter-spacing:.16em;line-height:1.4!important;text-transform:uppercase}
.vaultroom-card h2{position:relative;margin:0 0 14px;font-size:clamp(1.75rem,3vw,2.7rem);font-weight:550}
.vaultroom-card h3{font-size:1.1rem}
.vaultroom-card p{position:relative;max-width:750px;margin:0 0 18px;font-size:1.05rem;line-height:1.75}
.vaultroom-card p:last-child{margin-bottom:0}
.vaultroom-card a:not(.button){color:var(--vr-gold)}
.vaultroom-values{padding:clamp(58px,8vw,108px) 0 10px}
.vaultroom-values>h2{max-width:900px;margin:0;color:#fff;font-size:clamp(2.3rem,5vw,4.8rem);font-weight:500;line-height:1;letter-spacing:-.055em}
.vaultroom-values-lead{max-width:720px;margin:24px 0 0;color:#8995a4;font-size:clamp(1rem,1.8vw,1.16rem);line-height:1.7}
.vaultroom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:42px 0 0}
.vaultroom-grid>div{position:relative;min-height:205px;padding:28px 24px;border:1px solid var(--vr-border);border-radius:22px;background:#0d131b;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.vaultroom-grid>div:hover{transform:translateY(-5px);border-color:rgba(243,200,99,.2);background:#101822}
.vaultroom-grid>div::before{display:block;margin-bottom:44px;color:#b89549;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.68rem;letter-spacing:.12em;content:attr(data-number)}
.vaultroom-grid>div:nth-child(1)::before{content:"01"}.vaultroom-grid>div:nth-child(2)::before{content:"02"}.vaultroom-grid>div:nth-child(3)::before{content:"03"}.vaultroom-grid>div:nth-child(4)::before{content:"04"}
.vaultroom-grid strong{display:block;color:#fff;font-family:var(--vr-display);font-size:1.06rem}
.vaultroom-grid span{display:block;margin-top:9px;color:#778494;font-size:.84rem;line-height:1.62}
.vaultroom-event{padding:22px 0;border-top:1px solid var(--vr-border)}

button,.button,input[type=button],input[type=reset],input[type=submit],.wp-element-button,.woocommerce a.button,.woocommerce button.button{border:1px solid rgba(243,200,99,.26)!important;border-radius:999px!important;background:rgba(243,200,99,.07)!important;color:#f7d77f!important;font-family:var(--vr-sans)!important;font-size:.86rem!important;font-weight:750!important;box-shadow:none!important;text-shadow:none!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
button:hover,.button:hover,input[type=submit]:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{border-color:rgba(243,200,99,.48)!important;background:rgba(243,200,99,.13)!important;color:#ffe8a9!important;transform:translateY(-1px)}
.button.alt,.button.checkout,.checkout-button,.button.add_to_cart_button,.single_add_to_cart_button,#place_order{border-color:var(--vr-gold)!important;background:var(--vr-gold)!important;color:#11151b!important}
.button.alt:hover,.button.checkout:hover,.checkout-button:hover,.single_add_to_cart_button:hover,#place_order:hover{background:var(--vr-gold-bright)!important;color:#11151b!important}

input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=url],textarea,select,.select2-container--default .select2-selection--single{min-height:48px;border:1px solid var(--vr-border-strong)!important;border-radius:12px!important;background:#0c1219!important;color:#eef2f6!important;box-shadow:none!important}
textarea{padding:14px}
input:focus,textarea:focus,select:focus{border-color:rgba(243,200,99,.45)!important;box-shadow:0 0 0 3px rgba(243,200,99,.07)!important}
label{color:#aeb8c4;font-size:.87rem}

.woocommerce-breadcrumb{margin:0 0 32px!important;color:#5e6a79!important;font-size:.75rem!important}
.woocommerce-breadcrumb a{color:#8995a4!important}
.woocommerce-products-header{padding:0!important}
.woocommerce-result-count,.woocommerce-ordering{color:#7c8999}
ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:42px 0 0!important}
ul.products::before,ul.products::after{display:none!important}
ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:14px 14px 24px!important;border:1px solid var(--vr-border);border-radius:22px;background:var(--vr-surface);text-align:left!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
ul.products li.product:hover{transform:translateY(-6px);border-color:rgba(243,200,99,.2);box-shadow:0 28px 60px rgba(0,0,0,.24)}
ul.products li.product img{border-radius:14px;background:#090e14}
ul.products li.product .woocommerce-loop-product__title{padding:13px 5px 0!important;color:#fff;font-family:var(--vr-display);font-size:1.15rem!important}
ul.products li.product .price{padding:0 5px;color:var(--vr-gold)!important;font-size:1rem!important}
ul.products li.product .button{margin:12px 5px 0!important}

.single-product div.product{padding:34px;border:1px solid var(--vr-border);border-radius:28px;background:linear-gradient(145deg,#111923,#0b1017);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.single-product div.product .woocommerce-product-gallery img{border-radius:18px}
.single-product div.product .product_title{font-size:clamp(2.1rem,5vw,4rem);font-weight:520;line-height:1}
.single-product div.product p.price{color:var(--vr-gold)!important;font-family:var(--vr-display);font-size:1.7rem!important}
.single-product div.product .woocommerce-product-details__short-description p{color:#939eaa;font-size:1.05rem}
.vaultroom-drop-note{margin:18px 0;padding:14px 17px;border:1px solid rgba(103,216,229,.12);border-radius:12px;background:rgba(103,216,229,.035);color:#96dce3;font-size:.85rem}

.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,p.no-comments{margin-bottom:24px!important;border:1px solid var(--vr-border)!important;border-left:3px solid var(--vr-gold)!important;border-radius:14px;background:var(--vr-surface)!important;color:#d6dde5!important;box-shadow:none!important}
.woocommerce-info{border-left-color:var(--vr-cyan)!important}
.woocommerce-error{border-left-color:#fb7185!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--vr-gold)!important}

table,table.shop_table,.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.woocommerce-form-login,.woocommerce-form-register,.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content{border-color:var(--vr-border)!important;border-radius:18px;background:rgba(16,23,32,.82);color:var(--vr-text)}
table th,table td,table.shop_table th,table.shop_table td{border-color:var(--vr-border)!important;color:#c9d1da}
.shop_table thead,.woocommerce-checkout-review-order-table thead{background:rgba(255,255,255,.025)}
.product-name a{color:#fff}
.product-price,.product-subtotal,.order-total .amount,.cart-subtotal .amount{color:var(--vr-gold)!important}
.cart_totals,.woocommerce-checkout-review-order,.woocommerce-form-login,.woocommerce-form-register,.woocommerce-MyAccount-content{padding:28px}
.woocommerce-MyAccount-navigation{overflow:hidden;padding:10px}
.woocommerce-MyAccount-navigation ul{margin:0;list-style:none}
.woocommerce-MyAccount-navigation a{display:block;padding:12px 14px;border-radius:10px;color:#8d99a7}
.woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{background:rgba(255,255,255,.05);color:#fff}
.woocommerce-tabs ul.tabs li{border-color:var(--vr-border)!important;background:transparent!important}
.woocommerce-tabs ul.tabs li.active a{color:var(--vr-gold)!important}

.vr-site-footer{border-top:1px solid var(--vr-border);background:#080c11}
.vr-footer{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;padding:62px 0 42px}
.vr-footer-copy{max-width:560px;margin:22px 0 0;color:#657181;font-size:.86rem}
.vr-footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px;color:#707b89;font-size:.78rem}
.vr-footer-links a:hover{color:#dfe4e9}
.vr-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid rgba(255,255,255,.055);color:#4f5a68;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}

@media(max-width:960px){
  .vr-main-nav,.vr-actions .vr-account{display:none}.vr-mobile-menu{display:block}.vaultroom-grid{grid-template-columns:repeat(2,1fr)}ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.vaultroom-hero{min-height:520px}
}
@media(max-width:600px){
  .col-full{width:min(100% - 28px,1330px)}.vr-nav{min-height:76px}.vr-brand-mark{width:38px;height:38px}.vr-brand-sub{display:none}.vr-actions{margin-left:auto}.vr-cart{width:42px;padding:0;font-size:0}.vr-cart-count{font-size:.68rem}.site-main{padding:38px 0 76px}.home .site-main{padding-top:24px}.vaultroom-hero{min-height:500px;padding:42px 25px;border-radius:23px}.vaultroom-hero h1{font-size:clamp(2.75rem,14vw,4.2rem)}.vaultroom-hero>p:last-child{margin-top:25px;font-size:1rem}.vaultroom-card{padding:25px 22px;border-radius:20px}.vaultroom-grid{grid-template-columns:1fr}.vaultroom-grid>div{min-height:170px}.vaultroom-grid>div::before{margin-bottom:28px}ul.products{grid-template-columns:1fr}.single-product div.product{padding:20px;border-radius:20px}.vr-footer{grid-template-columns:1fr;padding-top:44px}.vr-footer-links{justify-content:flex-start}.vr-footer-bottom{flex-direction:column}.entry-title,.woocommerce-products-header__title{font-size:2.5rem}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}