/* ═══════════════════════════════════════════════════════════════════════
   TCG Hits — premium dark-and-gold theme (over Storefront)
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --navy:#0D1117; --navy-2:#11161f; --slate:#1B2230; --slate-2:#232c3d;
  --gold:#D4AF37; --gold-2:#e9cd77; --gold-d:#a9852a;
  --purple:#6A4C93; --purple-2:#7d5cab; --red:#C23A2B;
  --text:#F5F3EE; --muted:#9aa3b2; --line:rgba(212,175,55,.20);
  --serif:"Cormorant Garamond",Georgia,serif; --sans:"Inter",system-ui,-apple-system,sans-serif;
}

/* base */
html,body,.site,#page{background:var(--navy)!important}
body{color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold-2)}
p{color:var(--text)}
::selection{background:var(--gold);color:var(--navy)}
h1,h2,h3,h4,h5,h6,.page-title{font-family:var(--serif);color:var(--text);font-weight:600;letter-spacing:.2px}
.col-full{max-width:1200px}

/* ── Header ─────────────────────────────────────────────────────────────── */
.site-header{background:var(--navy)!important;border-bottom:1px solid var(--line);padding-top:1.4em;padding-bottom:1.4em}
/* logo: always keep aspect ratio (Storefront forces width:100% which squashes it on mobile) */
.custom-logo{width:auto!important;height:auto!important;max-width:100%}
.site-branding .custom-logo{max-height:150px}
@media (max-width:768px){.site-branding .custom-logo{max-height:58px}}
.site-header .site-title a,.site-header .site-title{color:var(--text)!important;font-family:var(--serif)}
.main-navigation ul li a,.storefront-primary-navigation a,.site-header a{color:var(--text)}
.main-navigation ul li a:hover,.main-navigation ul li:hover>a{color:var(--gold)}
.main-navigation ul.menu>li.current-menu-item>a{color:var(--gold)}
.storefront-primary-navigation,.main-navigation{background:transparent}
.site-header-cart .cart-contents,.site-header .amount{color:var(--text)!important}
.site-header-cart .count,.site-header-cart .cart-contents:hover{color:var(--gold)!important}
.site-search .widget_product_search input[type=search],
.widget_product_search input[type=search],input[type=search],input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{
  background:var(--slate);color:var(--text);border:1px solid var(--line);border-radius:8px}
input::placeholder{color:var(--muted)}
.site-header .site-search{border:0}
.menu-toggle,button.menu-toggle{background:var(--slate)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:8px}

/* ── Buttons ────────────────────────────────────────────────────────────── */
.button,button,a.button,button.button,[type=submit],.added_to_cart,.woocommerce #respond input#submit,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wp-block-button__link{
  background:linear-gradient(180deg,var(--gold-2),var(--gold) 55%,var(--gold-d))!important;color:#1a1305!important;
  font-family:var(--sans);font-weight:600!important;border:0!important;border-radius:9px!important;
  letter-spacing:.2px;text-shadow:none;box-shadow:0 2px 10px rgba(212,175,55,.18)}
.button:hover,a.button:hover,button.button:hover,[type=submit]:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{
  filter:brightness(1.06);color:#1a1305!important}
.woocommerce a.button.alt,.woocommerce button.button.alt{background:linear-gradient(180deg,var(--gold-2),var(--gold) 55%,var(--gold-d))!important;color:#1a1305!important}

/* ── Prices ─────────────────────────────────────────────────────────────── */
.price,.woocommerce-Price-amount,.amount{color:var(--gold)!important;font-weight:600}
.woocommerce ul.products li.product .price{color:var(--gold)!important}

/* ── Content / breadcrumb / titles ─────────────────────────────────────── */
.site-content,.content-area{background:var(--navy)}
.woocommerce-breadcrumb{color:var(--muted);font-size:.85rem}
.woocommerce-breadcrumb a{color:var(--muted)}.woocommerce-breadcrumb a:hover{color:var(--gold)}
.woocommerce-products-header__title,.page-title{font-size:2.4rem}
.storefront-sorting select,.woocommerce-ordering select{background:var(--slate);color:var(--text)}
.woocommerce-result-count{color:var(--muted)}
.woocommerce nav.woocommerce-pagination ul{border-color:var(--line)}
.woocommerce nav.woocommerce-pagination ul li{border-color:var(--line)}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{color:var(--text);background:var(--slate)}
.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--gold);color:var(--navy)}
/* hide the "Shop" title + breadcrumb on the homepage (the hero covers it) */
body.home .woocommerce-breadcrumb,body.home .woocommerce-products-header{display:none}

/* ── Product cards (cards lister) ──────────────────────────────────────── */
.woocommerce ul.products li.product{background:transparent;display:flex;flex-direction:column}
.woocommerce ul.products li.product .woocommerce-loop-product__link{display:flex;flex-direction:column;flex:1 0 auto;background:var(--slate);border:1px solid var(--line);border-radius:14px;padding:14px 14px 12px;transition:transform .18s,box-shadow .18s,border-color .18s}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__link{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.45);border-color:rgba(212,175,55,.5)}
.woocommerce ul.products li.product img{border-radius:8px;margin-bottom:0}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--text);font-family:var(--sans);font-size:.95rem;font-weight:600;padding:.7em 0 .2em}
.woocommerce ul.products li.product .price{display:block;margin:auto 0 0}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{margin:12px 0 0;width:100%;text-align:center}
.star-rating span{color:var(--gold)}

/* ── Category tiles (game / set boxes) ─────────────────────────────────── */
.woocommerce ul.products li.product-category{text-align:center;margin-bottom:2.5em}
.woocommerce ul.products li.product-category>a{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  background:linear-gradient(180deg,var(--slate-2),var(--slate));border:1px solid var(--line);border-radius:18px;
  padding:30px 24px 24px;min-height:250px;height:100%;box-shadow:0 6px 20px rgba(0,0,0,.35);
  transition:transform .18s,box-shadow .18s,border-color .18s}
.woocommerce ul.products li.product-category>a:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,0,0,.5);border-color:var(--gold)}
.woocommerce ul.products li.product-category>a img{width:auto!important;max-width:84%;max-height:150px;height:auto;margin:0 auto 18px!important;display:block}
.woocommerce ul.products li.product-category>a h2.woocommerce-loop-category__title{font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--text)}
.woocommerce ul.products li.product-category mark.count{display:block;background:none;color:var(--gold);font-family:var(--sans);font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-top:8px}

/* ── Full width shop ───────────────────────────────────────────────────── */
.tcg-fullwidth #primary{width:100%!important;float:none!important;margin-right:0!important}
.tcg-fullwidth #secondary{display:none!important}

/* ── Shop bar (homepage: heading + prominent card search) ──────────────── */
.tcg-shopbar{text-align:center;margin:.4em 0 2.4em}
.tcg-shopbar-title{font-size:2.5rem;margin:0 0 .15em;line-height:1.12}
.tcg-shopbar-sub{color:var(--muted);max-width:600px;margin:0 auto 1.5em;font-size:1.02rem}
.tcg-search{display:flex;max-width:640px;margin:0 auto;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.42)}
.tcg-search input[type=search]{flex:1;min-width:0;border:0!important;border-radius:0!important;background:var(--slate)!important;color:var(--text);padding:17px 20px;font-size:1.05rem}
.tcg-search input[type=search]:focus{outline:none;box-shadow:none}
.tcg-search button{border-radius:0!important;padding:0 30px;font-size:1.02rem;box-shadow:none!important}
@media(max-width:768px){.tcg-shopbar-title{font-size:1.7rem}.tcg-search input[type=search]{padding:14px 16px;font-size:1rem}.tcg-search button{padding:0 18px}}

/* ── Hero ──────────────────────────────────────────────────────────────── */
.tcg-hero{margin:0 0 2.6em;padding:56px 24px 60px;border-radius:22px;text-align:center;
  background:radial-gradient(1200px 380px at 50% -10%,rgba(106,76,147,.22),transparent 60%),
             radial-gradient(900px 340px at 80% 120%,rgba(194,58,43,.14),transparent 55%),
             linear-gradient(180deg,var(--slate),var(--navy-2));
  border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.tcg-hero-logo{max-width:340px;width:70%;height:auto;margin:0 auto .6em;display:block;filter:drop-shadow(0 6px 24px rgba(0,0,0,.5))}
.tcg-hero-tag{font-family:var(--serif);font-size:1.7rem;color:var(--gold);letter-spacing:1px;margin:.1em 0 .5em}
.tcg-hero-sub{color:var(--muted);max-width:640px;margin:0 auto 1.6em;font-size:1.02rem}
.tcg-hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.tcg-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:11px;font-weight:700;font-size:1.02rem;letter-spacing:.3px;transition:transform .15s,filter .15s,box-shadow .15s}
.tcg-btn span{font-size:1.3em;line-height:0}
.tcg-btn:hover{transform:translateY(-2px)}
.tcg-btn-gold{background:linear-gradient(180deg,var(--gold-2),var(--gold) 55%,var(--gold-d));color:#1a1305;box-shadow:0 8px 22px rgba(212,175,55,.28)}
.tcg-btn-gold:hover{color:#1a1305;filter:brightness(1.05)}
.tcg-btn-purple{background:linear-gradient(180deg,var(--purple-2),var(--purple));color:#fff;box-shadow:0 8px 22px rgba(106,76,147,.32)}
.tcg-btn-purple:hover{color:#fff;filter:brightness(1.08)}
.tcg-section-title{text-align:center;font-size:2rem;margin:0 0 1.2em;position:relative}
.tcg-section-title:after{content:"";display:block;width:64px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:.5em auto 0}

/* ── Trust strip ───────────────────────────────────────────────────────── */
.tcg-trust{margin:1em 0 .5em;padding-top:1.5em;border-top:1px solid var(--line)}
.tcg-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.tcg-trust-item{text-align:center;padding:18px 14px}
.tcg-trust-item .tcg-ic{width:38px;height:38px;color:var(--gold);margin-bottom:10px}
.tcg-trust-item h4{font-family:var(--sans);font-size:.98rem;font-weight:700;color:var(--text);margin:0 0 4px;letter-spacing:.2px}
.tcg-trust-item p{color:var(--muted);font-size:.85rem;margin:0}

/* ── Footer ────────────────────────────────────────────────────────────── */
.site-footer{background:var(--navy-2)!important;color:var(--muted);border-top:1px solid var(--line);padding-top:2.5em}
.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--gold)}
.site-info{color:var(--muted)}

/* ── Handheld footer bar (mobile) ──────────────────────────────────────── */
body .storefront-handheld-footer-bar,
body .storefront-handheld-footer-bar ul,
body .storefront-handheld-footer-bar ul li,
body .storefront-handheld-footer-bar ul li>a{background:var(--slate)!important;border-color:var(--line)!important}
body .storefront-handheld-footer-bar{border-top:1px solid var(--line)!important;box-shadow:0 -2px 12px rgba(0,0,0,.4)}
body .storefront-handheld-footer-bar ul li>a,
body .storefront-handheld-footer-bar ul li.cart>a,
body .storefront-handheld-footer-bar ul li>a:before{color:var(--text)!important}
body .storefront-handheld-footer-bar ul li.cart .count{background:var(--gold)!important;color:var(--navy)!important;border-color:var(--gold)!important}

/* ── Single product ────────────────────────────────────────────────────── */
.single-product div.product .product_title{font-size:2.2rem}
.single-product .stock.out-of-stock{color:var(--red)}
.woocommerce-tabs .panel,.woocommerce-tabs ul.tabs li{background:var(--slate);border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--slate-2)}
table.shop_table,.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--line);color:var(--text)}
.woocommerce div.product .woocommerce-product-attributes,.woocommerce table.shop_attributes{background:transparent!important}
.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td{background:transparent!important;color:var(--text)!important;border-color:var(--line)!important;font-style:normal}
.woocommerce table.shop_attributes tr:nth-child(2n) th,.woocommerce table.shop_attributes tr:nth-child(2n) td{background:rgba(255,255,255,.03)!important}

/* ── Mobile ────────────────────────────────────────────────────────────── */
@media (max-width:768px){
  .woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important;content:none!important}
  .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:20px 12px!important;margin:0 0 2em!important}
  .woocommerce ul.products li.product,.woocommerce ul.products li.product-category{width:auto!important;float:none!important;margin:0!important;clear:none!important}
  .woocommerce ul.products li.product img{width:100%;height:auto}
  .woocommerce ul.products li.product-category>a{min-height:160px;padding:20px 12px 16px}
  .woocommerce ul.products li.product-category>a img{max-height:96px}
  .woocommerce ul.products li.product-category>a h2.woocommerce-loop-category__title{font-size:1.15rem}
  .tcg-hero{padding:40px 18px}.tcg-hero-tag{font-size:1.35rem}
  .tcg-trust-grid{grid-template-columns:repeat(2,1fr);gap:10px}
}