/* Saturday Night — WooCommerce dark theme. Covers the custom archive/PDP and
   the native Cart/Checkout/My-account so the whole store reads as one house. */

:root { --accent: #c6a568; }

/* Clear the fixed nav on every inner store page. */
.sn-page.is-inner .sn-page-content,
.sn-page .sn-shop { padding-top: clamp(92px, 13vh, 150px); }

.sn-page .sn-shop,
.sn-page .woocommerce { max-width: 1500px; margin-inline: auto; }

/* Typography */
.sn-page .woocommerce h1,
.sn-page .woocommerce h2,
.sn-page .woocommerce .product_title,
.sn-page .sn-shop h1 { font-family: 'Bodoni Moda', serif; font-weight: 500; letter-spacing: -.01em; color: #f2ede3; }

.sn-page .woocommerce, .sn-page .woocommerce p,
.sn-page .woocommerce td, .sn-page .woocommerce th,
.sn-page .woocommerce label { color: #f2ede3; }

.sn-page .woocommerce a { color: var(--accent); }
.sn-page .woocommerce .price,
.sn-page .woocommerce .amount { color: #f2ede3; }

/* ---- Archive grid (custom content-product.php) ---- */
.sn-shop-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(14px, 1.6vw, 26px); list-style: none; margin: 0; padding: 0; }
.sn-shop-grid li.product { margin: 0; width: auto; float: none; }
.sn-card { cursor: pointer; display: block; }
.sn-card-img { aspect-ratio: 3/4; overflow: hidden; background: #151311; margin-bottom: 16px; }
.sn-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.2,.7,.2,1); display: block; }
.sn-card:hover .sn-card-img img { transform: scale(1.06); }
.sn-card-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.sn-card-name { font-family: 'Bodoni Moda', serif; font-size: 20px; font-weight: 500; color: #f2ede3; }
.sn-card-price { font-size: 12px; font-weight: 600; letter-spacing: .12em; color: var(--accent); }
@media (max-width: 900px) { .sn-shop-grid { grid-template-columns: repeat(2, 1fr); } }

/* PDP: image over details on small screens. */
.sn-pdp-grid { grid-template-columns: 1.15fr 1fr; }
@media (max-width: 900px) { .sn-pdp-grid { grid-template-columns: 1fr !important; } }

.sn-shop-head { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: clamp(30px, 5vh, 56px); border-bottom: 1px solid rgba(242,237,227,.14); padding-bottom: 24px; }
.sn-shop-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .28em; text-transform: uppercase; color: var(--accent); margin-bottom: 14px; }
.sn-shop-head h1 { font-size: clamp(34px, 5vw, 72px); line-height: .96; margin: 0; }

/* ---- Buttons ---- */
.sn-page .woocommerce a.button,
.sn-page .woocommerce button.button,
.sn-page .woocommerce input.button,
.sn-page .woocommerce .button.alt,
.sn-page .woocommerce #place_order {
	background: var(--accent); border: 1px solid var(--accent); color: #0b0a09;
	border-radius: 0; padding: 15px 34px; font-size: 12px; font-weight: 700;
	letter-spacing: .2em; text-transform: uppercase; transition: opacity .3s;
}
.sn-page .woocommerce a.button:hover,
.sn-page .woocommerce button.button:hover,
.sn-page .woocommerce .button.alt:hover,
.sn-page .woocommerce #place_order:hover { background: var(--accent); opacity: .85; color: #0b0a09; }

/* ---- Form fields (cart/checkout/account) ---- */
.sn-page .woocommerce form .form-row input.input-text,
.sn-page .woocommerce form .form-row textarea,
.sn-page .woocommerce input[type="text"],
.sn-page .woocommerce input[type="email"],
.sn-page .woocommerce input[type="tel"],
.sn-page .woocommerce input[type="password"],
.sn-page .woocommerce select,
.sn-page .woocommerce .select2-container--default .select2-selection {
	background: #151311; border: 1px solid rgba(242,237,227,.18); color: #f2ede3;
	border-radius: 0; padding: 12px 14px;
}

/* ---- Cart / checkout tables ---- */
.sn-page .woocommerce table.shop_table { border: 1px solid rgba(242,237,227,.14); border-radius: 0; }
.sn-page .woocommerce table.shop_table th,
.sn-page .woocommerce table.shop_table td { border-top: 1px solid rgba(242,237,227,.1); }
.sn-page .woocommerce .cart_totals,
.sn-page .woocommerce .cart-collaterals { color: #f2ede3; }
.sn-page .woocommerce .woocommerce-message,
.sn-page .woocommerce .woocommerce-info,
.sn-page .woocommerce .cart-empty { background: #151311; border-top: 3px solid var(--accent); color: #f2ede3; }
.sn-page .woocommerce .woocommerce-message::before,
.sn-page .woocommerce .woocommerce-info::before { color: var(--accent); }