/* Dellor 1.12.13: white surfaces, black typography. Photos and swatch data
   retain their actual colors. This sheet follows all theme component styles. */
body { background-color: #fff; color: #000; }
::selection { background: #000; color: #fff; }

.site-header,
.is-scene-page .site-header[data-tone],
.site-header.is-scrolled[data-tone],
html.menu-open .site-header,
html.cart-open .site-header,
html.cart-closing .site-header[data-tone] {
	--hdr-fg: #000;
	background: #fff;
	color: #000;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
.site-header { border-block-end: 1px solid rgb(0 0 0 / .14); }
.site-header .cart-count,
.site-header[data-tone="light"] .cart-count { background: #fff; color: #000; box-shadow: 0 0 0 1px #000; }
.scene-dots[data-tone] { color: #000; }
.scene-dots button { background-color: #fff; border-radius: 50%; }

.site-menu,
.cart-drawer,
.cart-drawer__panel {
	--menu-bg: #fff;
	--menu-fg: #000;
	--menu-tint: #fff;
	--munti-muted: #000;
}
.site-menu,
.cart-drawer__panel {
	background: #fff;
	color: #000;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.site-footer {
	--ft-fg: #000;
	--ft-soft: #000;
	--ft-line: rgb(0 0 0 / .16);
	background: #fff;
	color: #000;
	border-block-start: 1px solid rgb(0 0 0 / .14);
}
.site-footer :focus-visible { outline-color: #000; }
.site-footer__copy { color: #000; }
.footer-up, .footer-up:hover { background: #fff; color: #000; border-color: #000; }

html.is-loading { scrollbar-color: #000 #fff; }
html.is-loading .munti-loader,
html.loader-settle .munti-loader,
html.loader-done .munti-loader { background: #fff; color: #000; }
.munti-loader__frame { border-color: rgb(0 0 0 / .5); }

/* Legacy scenes can store their old cream background inline. Keep their
   photographs intact and neutralize only the surface/typography. */
.munti-scene { background-color: #fff !important; }
.munti-scene__body { color: #000 !important; }
.munti-scene__title,
.munti-scene__body p,
.munti-scene__body .eyebrow,
.munti-scene__body a { color: #000 !important; }

/* White controls with black outlines, including selected/hover states. */
.skip-link:focus,
.btn,
.btn:hover,
.wp-element-button,
.wp-block-button__link,
.wp-block-button__link:hover,
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce .button:hover,
.single_add_to_cart_button,
.single_add_to_cart_button:hover,
.set-add,
.set-add:hover:not(:disabled),
.set-chip[aria-pressed="true"],
.set-qty__add:hover,
.set-nav__btn:hover,
.msb-add-all {
	background: #fff;
	color: #000;
	box-shadow: inset 0 0 0 1px #000;
}
.set-chip[aria-pressed="true"] { box-shadow: inset 0 0 0 2px #000; }
.woocommerce .button.alt { background: #fff; color: #000; }
.set-add.is-busy::before { background: #000; }
.onsale,
.woocommerce-MyAccount-navigation .is-active a,
.order-status,
.order-status--completed,
.order-status--on-hold { background: #fff; color: #000; box-shadow: inset 0 0 0 1px #000; }
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background: #fff !important;
	color: #000 !important;
	box-shadow: inset 0 0 0 1px #000;
}

.set-lightbox,
.munti-msb-lightbox,
.munti-msb-lightbox::backdrop { background: #fff; color: #000; }
.set-lightbox .set-nav__btn,
.set-lightbox .set-nav__btn:hover { background: #fff; color: #000; }

.cart-drawer__error { background: #fff; color: #000; border: 1px solid #000; }
.woocommerce-error, .woocommerce-message, .woocommerce-info { background-color: #fff; color: #000; }
input, select, textarea { accent-color: #000; }

.munti-swatch.is-active:not(.munti-swatch--color):not(.munti-swatch--image) {
	background: #fff;
	color: #000;
	box-shadow: inset 0 0 0 1px #000;
}
/* Solid white gallery controls avoid tinting from the photo beneath them. */
.set-stage__caption, .set-counter, .set-nav__btn, .set-summary { background-color: #fff; color: #000; }

/* Homepage scene CTAs are rendered by Munti Scenes, outside the .btn rules. */
.munti-scene__body a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	inline-size: fit-content;
	max-inline-size: 100%;
	min-block-size: 44px;
	margin-inline-start: auto;
	margin-inline-end: 0;
	align-self: flex-end;
	justify-self: end;
	padding: 12px 20px;
	background: #fff !important;
	color: #000 !important;
	border: 1px solid #000 !important;
	box-shadow: none;
	text-decoration: none;
	line-height: 1.4;
}
.munti-scene__body a:hover,
.munti-scene__body a:active {
	background: #fff !important;
	color: #000 !important;
	box-shadow: inset 0 0 0 1px #000;
}
.munti-scene__body a:focus-visible { outline: 2px solid #000; outline-offset: 4px; }
.munti-scene__body a svg { color: #000; }
