/**
 * MKAACF theme overrides v1.1
 */

/* ── Site typography (Helvetica) ── */
:root {
	--mkaacf-font-sans: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

html,
body,
body.homepage,
body.mkaacf-ui-v2,
body.mkaacf-light {
	font-family: var(--mkaacf-font-sans);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

button,
input,
select,
textarea {
	font-family: inherit;
}

/* ── Skip link ── */
.mkaacf-skip-link {
	position: absolute;
	top: -100%;
	left: 16px;
	z-index: 100000;
	padding: 12px 20px;
	background: #DC2223;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	border-radius: 0 0 4px 4px;
	transition: top 0.2s ease;
}

.mkaacf-skip-link:focus {
	top: 0;
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* ── Brand wordmark ── */
.mkaacf-brand-logo {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	text-decoration: none;
	line-height: 1;
	transition: opacity 0.25s ease;
}

.mkaacf-brand-logo:hover {
	opacity: 0.85;
}

.mkaacf-brand-logo__name {
	font-family: var(--mkaacf-font-sans);
	font-size: clamp(2rem, 3.4vw, 2.875rem);
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #111;
	white-space: nowrap;
	line-height: 1;
}

.mkaacf-brand-logo__tagline {
	display: none;
}

.mkaacf-ui-v2 .primary-nav__logo {
	flex: 0 0 auto !important;
	width: auto !important;
	height: auto !important;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
}

@media (max-width: 767.98px) {
	.mkaacf-ui-v2 .primary-nav__logo {
		margin-left: 1rem;
		margin-right: 0.75rem;
	}

	.mkaacf-brand-logo__name {
		font-size: 1.875rem;
		letter-spacing: 0.02em;
	}
}

.primary-nav__logo .cmp-image__image,
.icon-footer__logo img,
.disclaimer-footer__eastman-logo img {
	max-height: 48px;
	width: auto;
	height: auto;
}

.icon-footer__logo img { max-height: 56px; }
.disclaimer-footer__eastman-logo img { max-height: 36px; }

/* ── Hero: undo clientlib absolute/off-screen placement ── */
.hero-banner,
.mkaacf-ui-v2 .hero-banner {
	position: relative !important;
	z-index: auto !important;
}
.cmp-teaser__carousel--overlay picture,
.cmp-teaser__carousel--overlay img.cmp-carousel__image {
	width: 100%;
	display: block;
}

.hero-banner img.cmp-carousel__image {
	fetchpriority: high;
}

/* ── Sticky header ── */
.primary-nav {
	transition: box-shadow 0.25s ease, background-color 0.25s ease;
}

.primary-nav--scrolled {
	position: sticky;
	top: 0;
	z-index: 9999;
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

/* ── Search flyout show state ── */
.js-search-flyout.search-show {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* ── Pathways focus ── */
.pathways_v4__tab:focus-visible {
	outline: 2px solid #DC2223;
	outline-offset: 2px;
}

/* ── Scroll reveal ── */
.mkaacf-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.mkaacf-reveal--visible {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.mkaacf-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* ── Back to top ── */
.mkaacf-back-to-top {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 9998;
	width: 48px;
	height: 48px;
	border: none;
	border-radius: 50%;
	background: #DC2223;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 16px rgba(220, 34, 35, 0.35);
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

.mkaacf-back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.mkaacf-back-to-top:hover {
	background: #b81c1d;
}

.mkaacf-back-to-top:focus-visible {
	outline: 2px solid #DC2223;
	outline-offset: 3px;
}

/* ── WP admin bar ── */
body.admin-bar .primary-nav--scrolled { top: 32px; }

@media screen and (max-width: 782px) {
	body.admin-bar .primary-nav--scrolled { top: 46px; }
}

/* ── Mobile menu fallback ── */
@media (max-width: 767.98px) {
	#mobile-menu-panel.is-open,
	#mobile-menu-panel.show {
		transform: translateX(0);
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}

	.sidePanel__overlay.is-active,
	.sidePanel__overlay.show {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}

/* ── Desktop dropdown — anchored slide-down (see nav-menu.css) ── */
@media (min-width: 768px) {
	.cmp-experiencefragment--header,
	.primary-nav {
		position: relative;
		z-index: 2000;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper {
		position: relative;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper > .xfpage,
	.primary-nav__menu-item.js-menu-btn-wrapper.active > .xfpage,
	.primary-nav__menu-item.js-menu-btn-wrapper.is-open > .xfpage,
	.primary-nav__menu-item.js-menu-btn-wrapper[aria-expanded="true"] > .xfpage {
		display: block;
		position: absolute;
		left: 0;
		right: auto;
		top: 100%;
		width: auto;
		min-width: 220px;
		max-width: min(360px, 92vw);
		height: 0;
		overflow: hidden;
		visibility: hidden;
		pointer-events: none;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper.active > .xfpage,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper.is-open > .xfpage,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper[aria-expanded="true"] > .xfpage,
	.primary-nav__menu-item.js-menu-btn-wrapper.active > .xfpage,
	.primary-nav__menu-item.js-menu-btn-wrapper.is-open > .xfpage,
	.primary-nav__menu-item.js-menu-btn-wrapper[aria-expanded="true"] > .xfpage {
		height: auto;
		overflow: visible;
		visibility: visible;
		pointer-events: auto;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu.js-sub-menu,
	.primary-nav__sub-menu.js-sub-menu {
		position: relative !important;
		animation: none !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 auto !important;
		z-index: auto !important;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu.open .primary-nav__sub-menu__links-section,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper.is-open .primary-nav__sub-menu__links-section,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper.active .primary-nav__sub-menu__links-section,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper[aria-expanded="true"] .primary-nav__sub-menu__links-section,
	.primary-nav__menu-item.js-menu-btn-wrapper.is-open .primary-nav__sub-menu__links-section,
	.primary-nav__menu-item.js-menu-btn-wrapper.active .primary-nav__sub-menu__links-section,
	.primary-nav__menu-item.js-menu-btn-wrapper[aria-expanded="true"] .primary-nav__sub-menu__links-section,
	.primary-nav__sub-menu.open .primary-nav__sub-menu__links-section {
		-webkit-animation: none !important;
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}

	.mkaacf-header-bar--sooqoo .primary-nav__sub-menu.open .primary-nav__sub-menu__links-section__title,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper.is-open .primary-nav__sub-menu__links-section__title,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper.active .primary-nav__sub-menu__links-section__title,
	.mkaacf-header-bar--sooqoo .primary-nav__menu-item.js-menu-btn-wrapper[aria-expanded="true"] .primary-nav__sub-menu__links-section__title,
	.primary-nav__menu-item.js-menu-btn-wrapper.is-open .primary-nav__sub-menu__links-section__title,
	.primary-nav__menu-item.js-menu-btn-wrapper.active .primary-nav__sub-menu__links-section__title,
	.primary-nav__menu-item.js-menu-btn-wrapper[aria-expanded="true"] .primary-nav__sub-menu__links-section__title,
	.primary-nav__sub-menu.open .primary-nav__sub-menu__links-section__title {
		-webkit-animation: none !important;
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
}

/* ── Inner page templates ── */
.mkaacf-inner-page {
	padding: 80px 0 100px;
}

.mkaacf-inner-page .entry-content {
	max-width: 820px;
	margin: 0 auto;
	line-height: 1.7;
}

.mkaacf-inner-page .entry-content h2 {
	margin-top: 2em;
}

/* ── 404 ── */
.mkaacf-404 {
	text-align: center;
	padding: 120px 24px;
}

.mkaacf-404__code {
	font-size: clamp(4rem, 12vw, 8rem);
	font-weight: 700;
	color: #DC2223;
	line-height: 1;
	margin-bottom: 16px;
}

.mkaacf-404__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 24px;
	padding: 14px 28px;
	background: #DC2223;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	transition: background 0.2s;
}

/* Override legacy Sofia/Typekit stacks site-wide (weights/sizes unchanged) */
.mkaacf-ui-v2 .primary-nav,
.mkaacf-ui-v2 .primary-nav__menu-item__title,
.mkaacf-ui-v2 .primary-nav__menu-link,
.mkaacf-ui-v2 .mkaacf-header-search__input,
.mkaacf-ui-v2 .mkaacf-home,
.mkaacf-ui-v2 .mkaacf-site-footer,
.mkaacf-ui-v2 .mkaacf-product-single,
.mkaacf-ui-v2 .mkaacf-cart-drawer,
.mkaacf-ui-v2 .mkaacf-top-selling,
.mkaacf-ui-v2 .mkaacf-static-page,
.mkaacf-ui-v2 button,
.mkaacf-ui-v2 input,
.mkaacf-ui-v2 select,
.mkaacf-ui-v2 textarea {
	font-family: var(--mkaacf-font-sans);
}

.mkaacf-404__btn:hover {
	background: #b81c1d;
	color: #fff;
}