/* The Whole Sleigh: site chrome. Builder styles live in builder.css. */

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }

.tws-topbar {
	background: var(--wp--preset--color--pine);
	color: #fff;
	font-size: .9rem;
	font-weight: 600;
	padding-block: .55rem;
}
.tws-topbar p { margin: 0; }
.tws-topbar p:empty { display: none; }

.tws-header {
	padding-block: 1rem;
	border-bottom: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--snow);
	position: sticky;
	top: 0;
	z-index: 50;
}
.tws-header .wp-block-site-title { margin: 0; }
.tws-nav { gap: 1.25rem; align-items: center; }
.tws-nav__link { margin: 0; font-weight: 600; font-size: .95rem; }
.tws-nav__link a { color: var(--wp--preset--color--cocoa); text-decoration: none; }
.tws-nav__link a:hover { color: var(--wp--preset--color--cranberry); }
@media (max-width: 600px) { .tws-nav__link { display: none; } }

.tws-hero {
	padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	background:
		radial-gradient(circle at 12% 18%, rgba(179, 18, 46, .07), transparent 40%),
		radial-gradient(circle at 88% 8%, rgba(31, 77, 58, .08), transparent 38%);
}
.tws-hero h1 { margin-block: .4rem .8rem; }
.tws-eyebrow {
	font-family: var(--wp--preset--font-family--script);
	color: var(--wp--preset--color--cranberry);
	font-size: 1.5rem;
	margin: 0;
}
.tws-hero__fine { color: var(--wp--preset--color--muted); }

.tws-section { padding-block: var(--wp--preset--spacing--50); }
.tws-section--builder {
	background: var(--wp--preset--color--cream);
	border-radius: 28px;
	padding-inline: clamp(.75rem, 3vw, 2.5rem);
}
.tws-section__lede { color: var(--wp--preset--color--muted); margin-top: .4rem; }

.tws-steps h3 { color: var(--wp--preset--color--cranberry); }

.wp-block-details summary {
	font-weight: 700;
	cursor: pointer;
	list-style-position: outside;
}
.wp-block-details[open] summary { color: var(--wp--preset--color--cranberry); }

.tws-footer {
	margin-top: var(--wp--preset--spacing--50);
	padding-block: var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--cocoa);
	color: #f2e9dc;
}
.tws-footer .wp-block-site-title a { color: #fff; }
.tws-footer__fine { color: #c9b9a8; margin-top: 1rem; }

.tws-page { padding-block: var(--wp--preset--spacing--50); }

.tws-admin-note {
	background: #fff7e0;
	border: 1px solid #e9b949;
	border-radius: 12px;
	padding: 1rem 1.25rem;
}

/* Cart thumbnails from the preview endpoint */
.tws-cart-thumb { border-radius: 10px; }
.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img { border-radius: 8px; }
.tws-tracking ul { padding-left: 1.2rem; }