/* Block theme preservation layer: keeps the established Scentolic storefront language. */
:root {
	--sc-ivory: var(--wp--preset--color--ivory, #f8f6f0);
	--sc-paper: var(--wp--preset--color--paper, #fffefa);
	--sc-sand: var(--wp--preset--color--sand, #e9e1d3);
	--sc-champagne: var(--wp--preset--color--champagne, #aa9269);
	--sc-ink: var(--wp--preset--color--charcoal, #24231f);
	--sc-muted: var(--wp--preset--color--muted, #716f68);
	--sc-line: #dedbd3;
	--sc-font-display: var(--wp--preset--font-family--manrope, "Manrope", sans-serif);
	--sc-font-body: var(--wp--preset--font-family--inter, "Inter", system-ui, sans-serif);
	--sc-container: 1320px;
	--sc-gutter: clamp(22px, 5vw, 72px);
--sc-x-paper: var(--wp--preset--color--ivory, #fbf8f1);
--sc-x-ivory: var(--wp--preset--color--sand, #f1eadf);
--sc-x-stone: var(--wp--preset--color--sand, #e6ddd0);
--sc-x-ink: var(--wp--preset--color--charcoal, #28251f);
--sc-x-muted: var(--wp--preset--color--muted, #716c63);
--sc-x-accent: var(--wp--preset--color--champagne, #9b7952);
}

body { margin: 0; background: var(--sc-ivory); color: var(--sc-ink); font-family: var(--sc-font-body); }
body, button, input, select, textarea { font-family: var(--sc-font-body); }
h1, h2, h3, h4, h5, h6 { font-family: var(--sc-font-display); letter-spacing: -.025em; }
img { max-width: 100%; height: auto; }
.container { width: min(calc(100% - 2 * var(--sc-gutter)), var(--sc-container)); margin-inline: auto; }
.site-main { min-height: 30vh; }
.sc-experience { color: var(--sc-ink); }
.sc-experience > .wp-block-scentolic-section { width: 100%; }

/* Native header layout; keep the uploaded identity centered even when utility widths vary. */
.site-header { position: relative; z-index: 100; border-bottom: 1px solid rgb(36 35 31 / 8%); background: var(--sc-x-paper); }
.sc-editor-header-row { position: relative; display: grid !important; width: min(calc(100% - 2 * var(--sc-gutter)), var(--sc-container)); min-height: 88px; margin-inline: auto !important; grid-template-columns: minmax(130px, 1fr) minmax(0, 3fr) minmax(132px, 1fr); align-items: center; gap: 18px; }
.sc-editor-brand { display: flex; align-items: center; min-width: 0; }
.sc-editor-brand .custom-logo-link, .sc-editor-brand .sc-brand-link { display: inline-flex; align-items: center; }
.sc-editor-brand .custom-logo, .sc-editor-brand .scentolic-brand-logo { display: block; width: min(200px, 100%); height: auto; max-height: 64px; object-fit: contain; }
.sc-editor-header-row .primary-navigation { justify-self: center; width: auto; margin: 0; }
.sc-editor-header-row .primary-navigation .wp-block-navigation__container { gap: clamp(14px, 2vw, 34px); }
.sc-editor-header-row .primary-navigation a { color: var(--sc-ink); font-size: 10px; font-weight: 600; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.sc-editor-header-row .primary-navigation a:hover { color: var(--sc-champagne); }
.sc-editor-tools { position: static; justify-self: end; display: flex; align-items: center; }
.sc-editor-tools .site-search { position: absolute; z-index: 120; top: calc(100% + 1px); right: 0; width: min(620px, 90vw); padding: 20px 24px; border: 1px solid var(--sc-line); background: var(--sc-paper); box-shadow: 0 16px 48px rgb(34 31 25 / 8%); }
.sc-editor-tools .site-search[hidden] { display: none !important; }
.sc-announcement { min-height: 28px; padding: 4px var(--sc-gutter); background: var(--sc-ink); color: var(--sc-paper); font-size: 9px; font-weight: 600; letter-spacing: .12em; text-align: center; text-transform: uppercase; }
.sc-brand-messages { min-height: 38px; display: flex; align-items: center; justify-content: center; padding: 4px 12px; background: #e8dfd1; color: #595044; font-size: 10px; letter-spacing: .07em; text-align: center; text-transform: uppercase; }

/* Editable native footer groups keep inherited global styles and the classic rhythm. */
.site-footer { background: var(--sc-sand); color: var(--sc-ink); }
.site-footer__main { display: grid !important; grid-template-columns: 1.25fr .8fr .8fr 1fr; gap: clamp(28px, 5vw, 80px); padding-block: 48px 38px; }
.site-footer__brand .scentolic-brand-logo, .site-footer__brand .custom-logo { width: min(190px, 100%); height: auto; max-height: 64px; object-fit: contain; }
.site-footer__column h2 { margin: 4px 0 17px; font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.site-footer__column p, .site-footer .wp-block-navigation-item__content, .site-footer__brand > p { color: var(--sc-muted); font-size: 12px; line-height: 1.8; }
.site-footer .wp-block-navigation__container { align-items: flex-start; gap: 8px; }
.site-footer a { text-decoration: none; }
.site-footer a:hover { color: var(--sc-ink); }
.site-footer__bottom { min-height: 52px; border-top: 1px solid rgb(36 35 31 / 12%); }
.site-footer__bottom p { margin: 0; color: var(--sc-muted); font-size: 10px; letter-spacing: .05em; }

.sc-content-main, .sc-page-main, .sc-single-main, .sc-archive-main, .sc-search-results { padding-block: clamp(48px, 6vw, 84px); }
.sc-page-main > .wp-block-post-title, .sc-single-main .wp-block-post-title { max-width: 920px; margin: 0 auto 42px; font-size: clamp(2.8rem, 6vw, 5.3rem); line-height: 1.04; }
.sc-page-main .wp-block-post-content, .sc-single-main .wp-block-post-content { max-width: 760px; margin-inline: auto; line-height: 1.9; }
.sc-post-entry { max-width: 850px; margin: 0 auto 48px; }
.sc-archive-main > .wp-block-query-title, .sc-search-results > .wp-block-query-title { margin-bottom: 36px; text-align: center; font-size: clamp(2.6rem, 5vw, 4.8rem); }
.sc-commerce-main { min-height: 42vh; }
.wp-block-button__link, .wp-element-button { border-radius: 0; background: var(--sc-ink); color: var(--sc-paper); font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }

@media (max-width: 900px) {
	.sc-editor-header-row { grid-template-columns: minmax(105px, .8fr) minmax(0, 2.5fr) minmax(108px, .8fr); gap: 10px; }
	.site-footer__main { grid-template-columns: 1.1fr .8fr .8fr; }
}
@media (max-width: 760px) {
	:root { --sc-gutter: 22px; }
	.sc-editor-header-row { min-height: 68px; width: calc(100% - 16px); grid-template-columns: 1fr auto; gap: 0; }
	.sc-editor-header-row > .sc-editor-brand { position: absolute; left: 50%; width: clamp(116px, 33vw, 160px); justify-content: center; transform: translateX(-50%); }
	.sc-editor-brand .custom-logo, .sc-editor-brand .scentolic-brand-logo { width: 100%; max-height: 56px; }
	.sc-editor-header-row .primary-navigation { justify-self: start; }
	.sc-editor-tools { grid-column: 2; grid-row: 1; }
	.sc-editor-tools .site-search { right: -8px; width: min(620px, calc(100vw - 32px)); }
	.site-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 27px; }
	.site-footer__brand, .site-footer__note { grid-column: 1 / -1; }
	.sc-page-main > .wp-block-post-title, .sc-single-main .wp-block-post-title { font-size: clamp(2.5rem, 11vw, 4rem); }
}