/** AUROME shared header, navigation, overlays and footer components. */
.aurome-header {
	position: sticky;
	z-index: 100;
	top: var(--aurome-admin-offset, 0px);
	color: #fff;
	background: var(--aurome-ink);
	border-bottom: 1px solid rgb(255 255 255 / 16%);
}

.aurome-announcement {
	padding: 6px 16px;
	color: #fff;
	background: var(--aurome-accent);
	text-align: center;
}

.aurome-header__row {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 64px;
	gap: 16px;
}

.aurome-header .aurome-brand {
	display: inline-flex;
	align-items: center;
	color: #fff;
	text-decoration: none;
}

.aurome-header .aurome-brand:hover,
.aurome-header .aurome-menu a:hover,
.aurome-header .aurome-account-link:hover,
.aurome-header .aurome-cart-link:hover {
	color: #dbe7f5;
}

.aurome-brand__name {
	font: 500 clamp(1.4rem, 2vw, 2rem)/1 var(--aurome-serif);
}

.aurome-brand__logo {
	display: block;
	width: auto;
	max-height: 48px;
}

.aurome-primary-nav,
.aurome-search,
.aurome-search-toggle,
.aurome-account-link {
	display: none;
}

.aurome-header__actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.aurome-header__actions .aurome-cart-link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

.aurome-menu,
.aurome-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.aurome-menu a,
.aurome-footer a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	text-decoration: none; font:400 14px/1.5 var(--aurome-sans); }

.aurome-menu-trigger,
.aurome-search-toggle,
.aurome-submenu-toggle,
.aurome-mobile-dialog button,
.aurome-mobile-search button,
.aurome-search button {
	padding: 8px 12px;
	color: var(--aurome-ink);
	background: transparent;
	border: 1px solid rgb(13 26 46 / 28%);
	border-radius: var(--aurome-radius-control);
	cursor: pointer;
}

.aurome-header .aurome-menu > li > a,
.aurome-header .aurome-account-link,
.aurome-header .aurome-cart-link {
	color: #fff;
}

.aurome-header .aurome-menu-trigger,
.aurome-header .aurome-search-toggle,
.aurome-header .aurome-submenu-toggle,
.aurome-header .aurome-mobile-search button,
.aurome-header .aurome-search button {
	color: #fff;
	border-color: rgb(255 255 255 / 55%);
}

.aurome-header .aurome-mobile-fallback .aurome-menu a {
	color: #fff;
}

.aurome-mobile-fallback {
	padding: 8px 16px 16px;
}

.aurome-mobile-search {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-block: 16px;
}

.aurome-mobile-search input[type="search"] {
	flex: 1;
	min-width: 0;
	width: 100%;
	padding: 8px 10px;
	color: var(--aurome-ink);
	background: #fff;
	border: 1px solid rgb(13 26 46 / 28%);
	border-radius: var(--aurome-radius-control);
}

.aurome-mobile-dialog {
	width: min(400px, 100%);
	max-width: none;
	height: 100dvh;
	max-height: none;
	margin: 0 0 0 auto;
	padding: 0;
	color: var(--aurome-body);
	background: var(--aurome-card);
	border: 0;
}

.aurome-header .aurome-mobile-dialog .aurome-menu a,
.aurome-header .aurome-mobile-dialog .aurome-submenu-toggle,
.aurome-header .aurome-mobile-dialog button {
	color: var(--aurome-ink);
	border-color: rgb(13 26 46 / 28%);
}

.aurome-mobile-dialog::backdrop {
	background: rgb(13 13 13 / 58%);
}

.aurome-mobile-dialog__panel {
	padding: 20px;
}

.aurome-mobile-dialog__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.aurome-mobile-dialog__head h2 {
	margin: 0; font:500 32px/1.12 var(--aurome-serif); }

.aurome-menu .menu-item-has-children {
	position: relative;
}

.aurome-submenu-toggle {
	min-width: 44px;
	margin-inline-start: 6px;
}

.aurome-menu .sub-menu {
	display: none;
	margin: 0;
	padding-inline-start: 18px;
	list-style: none;
}

html:not(.aurome-navigation-ready) .aurome-menu .menu-item-has-children:hover > .sub-menu,
html:not(.aurome-navigation-ready) .aurome-menu .menu-item-has-children:focus-within > .sub-menu,
html.aurome-navigation-ready .aurome-menu .aurome-submenu-open > .sub-menu {
	display: block;
}

@media (max-width: 1023px) {
	.aurome-menu-ready .aurome-mobile-fallback {
		display: none;
	}
}

.aurome-footer {
	padding-block: 48px 20px;
	color: #fff;
	background: var(--aurome-footer);
}

.aurome-footer__grid {
	display: grid;
	gap: 32px;
}

.aurome-footer h2 {
	margin: 0 0 10px;
	color: #fff;
	font-size: 1.35rem;
}

.aurome-storefront .aurome-footer a {
	color: #fff;
}

.aurome-storefront .aurome-footer a:hover {
	color: #dbe7f5;
}

.aurome-footer__legal {
	margin-top: 32px;
	padding-top: 20px;
	border-top: 1px solid rgb(255 255 255 / 20%);
}

@media (min-width: 768px) {
	.aurome-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
	.aurome-header__row { min-height: 72px; }
	.aurome-primary-nav { display: block; margin-inline: auto; }
	.aurome-primary-nav > .aurome-menu { display: flex; align-items: center; gap: 18px; }
	.aurome-primary-nav .sub-menu { position: absolute; z-index: 2; top: 100%; left: 0; min-width: 200px; padding: 8px 14px; background: var(--aurome-card); box-shadow: 0 12px 30px rgb(13 26 46 / 14%); }
	.aurome-header .aurome-primary-nav .sub-menu a,
	.aurome-header .aurome-primary-nav .sub-menu .aurome-submenu-toggle { color: var(--aurome-ink); border-color: rgb(13 26 46 / 28%); }
	.aurome-account-link,
	.aurome-cart-link { display: inline-flex; align-items: center; min-height: 44px; }
	html:not(.aurome-navigation-ready) .aurome-search,
	html.aurome-navigation-ready .aurome-search.aurome-search-open { display: flex; align-items: center; }
	html.aurome-navigation-ready .aurome-search-toggle { display: inline-flex; align-items: center; }
	.aurome-search.aurome-search-open { position: absolute; z-index: 3; top: 100%; right: 24px; padding: 10px; background: var(--aurome-ink); box-shadow: 0 12px 30px rgb(13 13 13 / 24%); }
	.aurome-search input[type="search"] { width: 150px; padding: 7px 10px; color: var(--aurome-ink); background: #fff; border: 1px solid rgb(255 255 255 / 55%); border-radius: var(--aurome-radius-control) 0 0 var(--aurome-radius-control); }
	.aurome-menu-trigger,
	.aurome-mobile-fallback,
	.aurome-mobile-dialog { display: none; }
	.aurome-footer__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (min-width: 1280px) {
	.aurome-search { display: flex; align-items: center; }
	html.aurome-navigation-ready .aurome-search-toggle { display: none; }
	.aurome-search.aurome-search-open { position: static; padding: 0; box-shadow: none; }
	.aurome-search button { margin-inline-start: -1px; border-radius: 0 var(--aurome-radius-control) var(--aurome-radius-control) 0; }
}
/* Live store controls. */
.aurome-storefront .aurome-icon-link { display:inline-flex; align-items:center; justify-content:center; position:relative; min-width:44px; min-height:44px; color:#fff; text-decoration:none; }
.aurome-storefront .aurome-action-count { position:absolute; right:0; top:0; min-width:17px; height:17px; border-radius:50%; background:#e9edf3; color:#0d1a2e; font:500 12px/17px var(--aurome-sans); text-align:center; }
.aurome-storefront .aurome-brand__name { font-family:var(--aurome-serif); letter-spacing:.1em; font-size:28px; }
.aurome-storefront .aurome-search { position:relative; }
.aurome-storefront .aurome-search button[type=submit] { width:42px; padding:8px; display:grid; place-items:center; }
.aurome-storefront .aurome-search-toggle { display:none!important; }
.aurome-storefront .aurome-footer__grid > section:first-child h2 { font:500 30px/1.2 var(--aurome-serif); letter-spacing:.08em; }
.aurome-storefront .aurome-footer__grid > section:first-child p { max-width:26ch; }
.aurome-storefront .aurome-mobile-quick { display:none; }
@media(min-width:1024px) {
 .aurome-storefront .aurome-header__row { gap:24px; }
 .aurome-storefront .aurome-header__actions { gap:5px; }
 .aurome-storefront .aurome-search { display:flex!important; width:210px; }
 .aurome-storefront .aurome-primary-nav .aurome-menu { gap:17px; }
 .aurome-storefront .aurome-primary-nav .aurome-menu>li>a { font-size:14px; }
}
@media(min-width:1024px) and (max-width:1200px) {
 .aurome-storefront .aurome-header__row { gap:12px; }
 .aurome-storefront .aurome-search { width:165px; }
 .aurome-storefront .aurome-primary-nav .aurome-menu { gap:6px; }
 .aurome-storefront .aurome-icon-link { min-width:36px; }
}
@media(max-width:1023px) {
 .aurome-storefront .aurome-header__row { flex-wrap:wrap; padding-top:12px; padding-bottom:12px; gap:8px; }
 .aurome-storefront .aurome-header__actions { display:contents; }
 .aurome-storefront .aurome-brand { margin-right:auto; }
 .aurome-storefront .aurome-search { display:flex!important; position:relative!important; order:10; width:100%!important; flex-basis:100%; margin:4px 0 0; inset:auto; }
 .aurome-storefront .aurome-menu-trigger { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:8px; }
 .aurome-storefront .aurome-mobile-quick { display:flex; gap:24px; margin:24px 0; }
}
.aurome-storefront .aurome-mobile-shopbar { display:none; }
@media(max-width:767px) {
 .aurome-storefront .aurome-mobile-shopbar { position:fixed; display:grid; grid-template-columns:repeat(4,1fr); left:0; right:0; bottom:0; z-index:80; background:#fff; border-top:1px solid #dce1e8; padding:7px 8px calc(7px + env(safe-area-inset-bottom)); }
 .aurome-storefront .aurome-mobile-shopbar a { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; min-height:44px; color:#23354d; font:var(--aurome-type-meta); text-decoration:none; }
 .aurome-storefront .aurome-footer { padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
}