/**
 * OMIWAA Customer Experience — foundations.
 *
 * Scoped normalization, typography roles, links, focus and assistive helpers.
 */

.omiwaa-ce-auth *,
.omiwaa-ce-auth *::before,
.omiwaa-ce-auth *::after,
.omiwaa-ce-my-account-layout *,
.omiwaa-ce-my-account-layout *::before,
.omiwaa-ce-my-account-layout *::after,
.omiwaa-ce-order-tracking *,
.omiwaa-ce-order-tracking *::before,
.omiwaa-ce-order-tracking *::after,
.omiwaa-ce-portal-module *,
.omiwaa-ce-portal-module *::before,
.omiwaa-ce-portal-module *::after {
	box-sizing: inherit;
}

.omiwaa-ce-auth :where(h1, h2, h3, h4, p, ul, ol),
.omiwaa-ce-my-account-layout :where(h1, h2, h3, h4, p, ul, ol, dl, dd),
.omiwaa-ce-order-tracking :where(h1, h2, h3, h4, p, ul, ol, dl, dd),
.omiwaa-ce-portal-module :where(h1, h2, h3, h4, p, ul, ol, dl, dd) {
	margin: 0;
}

.omiwaa-ce-auth :where(h1, h2, h3, h4),
.omiwaa-ce-my-account-layout :where(h1, h2, h3, h4),
.omiwaa-ce-order-tracking :where(h1, h2, h3, h4),
.omiwaa-ce-portal-module :where(h1, h2, h3, h4) {
	color: var(--omiwaa-ce-heading);
	font-family: inherit;
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.12;
}

.omiwaa-ce-auth a,
.omiwaa-ce-my-account-layout a,
.omiwaa-ce-order-tracking a,
.omiwaa-ce-portal-module a {
	color: inherit;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.omiwaa-ce-auth :where(button, input, select, textarea),
.omiwaa-ce-my-account-layout :where(button, input, select, textarea),
.omiwaa-ce-order-tracking :where(button, input, select, textarea),
.omiwaa-ce-portal-module :where(button, input, select, textarea) {
	font: inherit;
}

.omiwaa-ce-eyebrow,
.omiwaa-ce-kicker,
.omiwaa-ce-customer-center__eyebrow,
.omiwaa-ce-order-tracking__eyebrow {
	color: var(--omiwaa-ce-accent-strong);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.22em;
	line-height: 1.35;
	text-transform: uppercase;
}

.omiwaa-ce-text-link,
.omiwaa-ce-order-tracking__link {
	color: var(--omiwaa-ce-accent-strong);
	font-size: 0.875rem;
	font-weight: 700;
	text-decoration: underline;
	transition: color var(--omiwaa-ce-transition);
}

.omiwaa-ce-text-link:hover,
.omiwaa-ce-order-tracking__link:hover {
	color: var(--omiwaa-ce-accent-hover);
}

.omiwaa-ce-skip-link {
	position: fixed;
	inset-block-start: 16px;
	inset-inline-start: 16px;
	z-index: 100000;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.omiwaa-ce-skip-link:focus,
.omiwaa-ce-skip-link:focus-visible {
	width: auto;
	height: auto;
	margin: 0;
	padding: 8px 16px;
	border-radius: var(--omiwaa-ce-radius-button);
	background: var(--omiwaa-ce-dark);
	clip: auto;
	clip-path: none;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700;
	text-decoration: none;
	white-space: normal;
}

.omiwaa-ce-auth :where(a, button, input, select, textarea, summary):focus-visible,
.omiwaa-ce-my-account-layout :where(a, button, input, select, textarea, summary):focus-visible,
.omiwaa-ce-order-tracking :where(a, button, input, select, textarea, summary):focus-visible,
.omiwaa-ce-portal-module :where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--omiwaa-ce-focus-outline, var(--omiwaa-ce-info));
	outline-offset: 3px;
	box-shadow: var(--omiwaa-ce-focus-ring);
}

.omiwaa-ce-auth .screen-reader-text,
.omiwaa-ce-my-account-layout .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.omiwaa-ce-auth .screen-reader-text:focus,
.omiwaa-ce-my-account-layout .screen-reader-text:focus {
	position: fixed;
	inset-block-start: 16px;
	inset-inline-start: 16px;
	z-index: 100000;
	width: auto;
	height: auto;
	margin: 0;
	padding: 8px 16px;
	clip: auto;
	clip-path: none;
	white-space: normal;
}