/* ==========================================================================
   Sullivan Supply (Block Theme) — Global Enhancements
   Notes:
   - The core design system lives in theme.json.
   - This file adds layout polish + WooCommerce/PDP structure.
   ========================================================================== */

:root {
	--sul-border: var(--wp--preset--color--border, #e7e7e7);
	--sul-shadow: 0 10px 25px rgba(0,0,0,.08);
}

/* ---------- Header ---------- */
.sul-header {
	border-bottom: 1px solid var(--sul-border);
	background: var(--wp--preset--color--surface, #fff);
}

.sul-header__topbar {
	font-size: 0.875rem;
	border-bottom: 1px solid var(--sul-border);
}

.sul-header__icon-row i {
	font-size: 1.1rem;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.sul-header__actions a,
.sul-header__actions button {
	text-decoration: none;
}

/* ---------- Mini Cart block polish ---------- */
.wp-block-woocommerce-mini-cart {
	--wc-mini-cart-spacing: 12px;
}

/* ---------- PDP (Macy’s-inspired) ---------- */
.sul-pdp {
	gap: clamp(18px, 2vw, 32px);
}

.sul-pdp__summary {
	position: sticky;
	top: 90px; /* adjust if you add an admin bar / taller header */
	align-self: start;
	border-left: 1px solid var(--sul-border);
	padding-left: clamp(16px, 2vw, 28px);
}

@media (max-width: 920px) {
	.sul-pdp__summary {
		position: static;
		border-left: none;
		padding-left: 0;
	}
}

/* ---------- Product details (tabs area) ---------- */
.sul-pdp__details {
	margin-top: clamp(20px, 3vw, 40px);
	border-top: 1px solid var(--sul-border);
	padding-top: clamp(20px, 3vw, 40px);
}

/* ---------- Trust bar pattern ---------- */
.sul-trustbar {
	border: 1px solid var(--sul-border);
	border-radius: var(--wp--custom--radius--md, 14px);
	box-shadow: var(--sul-shadow);
}

/* ---------- Utility ---------- */
.sul-muted {
	color: var(--wp--preset--color--muted, #6b7280);
}