/* Scoped to body.ct-shop-page only (the Cypher Table ticket category
   pages) -- reuses the same dark/gold palette as the event page itself
   so "Get Tickets" doesn't drop into a disconnected default WooCommerce
   look. Px sizes, not rem, for the same reason as cypher-table.css:
   this theme's html{font-size:10px} would otherwise shrink everything. */

body.ct-shop-page{
	--cts-ink:#161613;
	--cts-ink-2:#20201B;
	--cts-paper:#F4EFE3;
	--cts-cream:#D9D2C2;
	--cts-muted:#A49E90;
	--cts-gold:#E4B33F;
	--cts-gold-deep:#C8912A;
	--cts-line:rgba(244,239,227,.14);
}

body.ct-shop-page #main.site-main{background:var(--cts-ink);padding-top:32px;padding-bottom:48px;}
body.ct-shop-page .entry-content{color:var(--cts-paper);font-family:'Archivo',sans-serif;}

body.ct-shop-page .ct-badge-soldout{
	font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:11.2px;
	color:var(--cts-gold);border:1px solid var(--cts-gold);border-radius:3px;padding:3px 8px;
}

/* The "Checkout" link + mini-cart widget above the grid reads as stray
   clutter with no context here -- keep the checkout link (still useful
   if someone already added something to their cart) but style it
   instead of leaving it as a bare unstyled link, and drop the mini-cart
   preview box, which duplicates what checkout already shows. */
body.ct-shop-page .header-container{max-width:900px;margin:0 auto 24px;padding:0 24px;}
body.ct-shop-page .header-container .cart-mini-container{display:none;}
body.ct-shop-page .header-container a[href="/cart/"]{
	font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:12.8px;
	color:var(--cts-gold);text-decoration:none;border:1px solid var(--cts-line);border-radius:3px;padding:8px 14px;
}
body.ct-shop-page .header-container a[href="/cart/"]:hover{border-color:var(--cts-gold);}

body.ct-shop-page .products-container{max-width:900px;margin:0 auto;padding:0 24px;}
body.ct-shop-page ul.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;list-style:none;margin:0;padding:0;}
body.ct-shop-page ul.products li.product{
	background:var(--cts-ink-2);border:1px solid var(--cts-line);border-radius:8px;overflow:hidden;
	transition:border-color .2s,transform .15s;
}
body.ct-shop-page ul.products li.product:hover{border-color:var(--cts-gold);transform:translateY(-2px);}
body.ct-shop-page ul.products li.product a{text-decoration:none;}
body.ct-shop-page ul.products li.product img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;}
body.ct-shop-page ul.products li.product .woocommerce-loop-product__title{
	font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.01em;font-weight:600;font-size:15.4px;line-height:1.25;
	color:var(--cts-paper);margin:14px 16px 6px;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
body.ct-shop-page ul.products li.product .price{
	font-family:'Oswald',sans-serif;font-weight:700;font-size:20.8px;color:var(--cts-gold);margin:0 16px 14px;display:block;
}
body.ct-shop-page ul.products li.product .price del{color:var(--cts-muted);opacity:.7;margin-right:6px;}
body.ct-shop-page ul.products li.product .button{
	display:block;margin:0 16px 16px;text-align:center;
	font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:12.8px;
	background:var(--cts-gold);color:var(--cts-ink);border:none;border-radius:3px;padding:11px 14px;cursor:pointer;
	transition:background .2s;
}
body.ct-shop-page ul.products li.product .button:hover{background:var(--cts-gold-deep);}

@media(max-width:600px){
	body.ct-shop-page ul.products{grid-template-columns:1fr;}
}