/**
 * HCC site kit — GenerateBlocks (free) layout + Woo COD helpers.
 * Satellite: hcc-agent (body.hcc-site-kit). Hub template editing: hub-control-center (.editor-styles-wrapper).
 */

:root {
	--hcc-content-width: 1200px;
	--hcc-section-gap: clamp(1.5rem, 3vw, 3rem);
	--hcc-cod-accent: #1e3a5f;
	--hcc-cod-bg: #f0f6fc;
}

body.hcc-site-kit,
.editor-styles-wrapper {
	--wp--style--root--padding-right: 1rem;
	--wp--style--root--padding-left: 1rem;
}

body.hcc-site-kit .gb-container.hcc-content-width,
body.hcc-site-kit .hcc-content-width .gb-container,
.editor-styles-wrapper .gb-container.hcc-content-width,
.editor-styles-wrapper .hcc-content-width .gb-container {
	max-width: var(--hcc-content-width);
	margin-left: auto;
	margin-right: auto;
}

body.hcc-site-kit .gb-container.alignfull,
.editor-styles-wrapper .gb-container.alignfull {
	width: 100%;
}

body.hcc-site-kit .gb-headline,
.editor-styles-wrapper .gb-headline {
	word-break: break-word;
}

body.hcc-site-kit .gb-button .gb-button-text,
.editor-styles-wrapper .gb-button .gb-button-text {
	font-weight: 600;
}

body.hcc-site-kit .hcc-section-gap,
.editor-styles-wrapper .hcc-section-gap {
	margin-block: var(--hcc-section-gap);
}

body.hcc-site-kit .hcc-text-center,
.editor-styles-wrapper .hcc-text-center {
	text-align: center;
}

body.hcc-site-kit .hcc-cod-banner,
.editor-styles-wrapper .hcc-cod-banner {
	display: block;
	padding: 0.75rem 1rem;
	background: var(--hcc-cod-bg);
	border-left: 4px solid var(--hcc-cod-accent);
	color: #1d2327;
	font-size: 0.95rem;
	line-height: 1.5;
	border-radius: 2px;
}

body.hcc-site-kit .hcc-cod-banner strong,
.editor-styles-wrapper .hcc-cod-banner strong {
	color: var(--hcc-cod-accent);
}

body.hcc-site-kit .hcc-checkout-cod-notice {
	margin: 0 0 1.5rem;
}

body.hcc-site-kit.woocommerce-cart .hcc-cart-cod-notice,
body.hcc-site-kit.woocommerce-checkout .hcc-checkout-cod-notice {
	max-width: var(--hcc-content-width);
	margin-left: auto;
	margin-right: auto;
}

body.hcc-site-kit.woocommerce a.button,
body.hcc-site-kit.woocommerce button.button {
	font-weight: 600;
}

@media (max-width: 782px) {
	body.hcc-site-kit .gb-container,
	.editor-styles-wrapper .gb-container {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
}