/* Shared header sizing and Header 1 presentation; Header 2 adds scoped styles. */
html { scroll-padding-top: var(--originals-header-scroll-offset, 0px); }
.originals-header { --originals-header-top: 0px; z-index: 100; transition: box-shadow .2s ease; }
.originals-header.originals-header-product {
	background: var(--originals-header-surface, var(--originals-header-background, #fff));
	border-width: var(--originals-header-border-width, 1px);
	border-style: var(--originals-header-border-style, solid);
	border-color: var(--originals-header-border-color, #e8e7e5);
	border-radius: var(--originals-header-radius-top-left, 0px) var(--originals-header-radius-top-right, 0px) var(--originals-header-radius-bottom-right, 0px) var(--originals-header-radius-bottom-left, 0px);
}
.originals-header.originals-header-width-full { width: 100%; max-width: none; margin: 0; }
.originals-header.originals-header-width-boxed { width: min(var(--originals-header-max-width, 1280px), calc(100% - 32px)); margin: 8px auto; }
.originals-header > .originals-product-inner {
	width: 100%; max-width: none; min-height: 0; margin-inline: 0;
	padding: var(--originals-header-padding-top, 16px) min(var(--originals-header-padding-right, 32px), 8vw) var(--originals-header-padding-bottom, 16px) min(var(--originals-header-padding-left, 32px), 8vw);
}
.originals-header.originals-header-sticky { position: sticky; top: var(--originals-header-top); }
.originals-header.originals-header-width-boxed.originals-header-sticky { top: calc(var(--originals-header-top) + 8px); }
.originals-header.originals-header-sticky.originals-header-scrolled { box-shadow: 0 6px 22px rgb(25 30 25 / 9%), 0 1px 3px rgb(25 30 25 / 4%); }
.admin-bar .originals-header { --originals-header-top: var(--wp-admin--admin-bar--height, 32px); }
.originals-header .originals-product-cta, .originals-header .originals-product-cta:hover {
	background: var(--originals-header-cta-color, #d33e08);
	color: var(--originals-header-cta-text-color, #fff);
	font-size: var(--originals-header-cta-size, 16px);
	font-weight: var(--originals-header-cta-weight, 500);
	line-height: var(--originals-header-cta-line-height, 1.4);
	letter-spacing: var(--originals-header-cta-letter-spacing, 0px);
	padding: var(--originals-header-cta-padding-top, 11px) var(--originals-header-cta-padding-right, 18px) var(--originals-header-cta-padding-bottom, 11px) var(--originals-header-cta-padding-left, 18px);
	border-width: var(--originals-header-cta-border-width, 1px);
	border-style: var(--originals-header-cta-border-style, solid);
	border-color: var(--originals-header-cta-border-color, #bd3607);
	border-radius: var(--originals-header-cta-radius-top-left, 15px) var(--originals-header-cta-radius-top-right, 15px) var(--originals-header-cta-radius-bottom-right, 15px) var(--originals-header-cta-radius-bottom-left, 15px);
}
.originals-header .originals-product-menu > li > a, .originals-header .originals-product-secondary { font-family: var(--originals-menu-family, var(--originals-default-font)); font-size: var(--originals-menu-size, 16px); font-weight: var(--originals-menu-weight, 400); line-height: var(--originals-menu-line-height, 1.5); letter-spacing: var(--originals-menu-letter-spacing, 0px); color: var(--originals-menu-text-color, #292725); }
.originals-header .originals-product-menu > li > a:hover { background: var(--originals-menu-hover-background, #f3f2f1); color: var(--originals-menu-hover-color, #292725); }
.originals-header .originals-product-menu > .originals-rich-open { background: transparent; }
.originals-header .originals-product-menu > .originals-rich-open > a { color: var(--originals-menu-hover-color, #292725); background: var(--originals-menu-hover-background, #f3f2f1); }
.originals-header .originals-product-menu > :is(.current-menu-item,.current-menu-ancestor) > a { color: var(--originals-menu-active-color, #d33e08); }
.originals-header .originals-product-menu > li > .sub-menu {
	background: var(--originals-submenu-background, #fff);
	border: var(--originals-submenu-border-width, 1px) solid var(--originals-submenu-border-color, #e8e7e5);
	border-radius: var(--originals-submenu-radius, 22px);
}
.originals-header .originals-product-menu .sub-menu a { font-family: var(--originals-submenu-family, var(--originals-default-font)); font-size: var(--originals-submenu-size, 16px); line-height: var(--originals-submenu-line-height, 1.4); letter-spacing: var(--originals-submenu-letter-spacing, 0px); color: var(--originals-submenu-text-color, #292725); }
.originals-header .originals-product-menu .sub-menu .originals-menu-item-title { font-weight: var(--originals-submenu-weight, 500); }
.originals-header .originals-product-menu .sub-menu a:hover, .originals-header .originals-product-menu .sub-menu .current-menu-item > a { background: var(--originals-submenu-hover-background, #f3f2f1); }
.originals-header .originals-product-menu .sub-menu :is(.current-menu-item,.current-menu-ancestor) > a { color: var(--originals-submenu-active-color, #d33e08); }
.originals-header .originals-menu-item-description { font-size: var(--originals-submenu-description-size, 15px); color: var(--originals-submenu-description-color, #67635f); }
.originals-header .originals-menu-item-subheading { font-size: var(--originals-submenu-subheading-size, 13px); color: var(--originals-submenu-description-color, #67635f); }
.originals-header .originals-menu-group-heading { font-family: var(--originals-submenu-family, var(--originals-default-font)); font-size: var(--originals-submenu-group-size, 14px); color: var(--originals-submenu-description-color, #67635f); }
@media (min-width: 1025px) {
	.originals-header:not(.originals-header-dock) .originals-product-menu > li > .sub-menu {
		width: min(var(--originals-submenu-width, 390px), calc(100vw - 32px));
		padding: var(--originals-submenu-padding-top, 16px) var(--originals-submenu-padding-right, 16px) var(--originals-submenu-padding-bottom, 16px) var(--originals-submenu-padding-left, 16px);
	}
}
@media (max-width: 1024px) {
	.originals-header:not(.originals-header-dock) .originals-product-menu { padding: var(--originals-submenu-padding-top, 16px) var(--originals-submenu-padding-right, 16px) var(--originals-submenu-padding-bottom, 16px) var(--originals-submenu-padding-left, 16px); }
	.originals-header .originals-product-menu > li > a { font-size: var(--originals-menu-mobile-size, 20px); }
	.originals-header .originals-product-menu .sub-menu a { font-size: var(--originals-submenu-mobile-size, 19px); }
	.originals-header.originals-product-menu-open .originals-product-menu { background: var(--originals-submenu-background, #fff); border-color: var(--originals-submenu-border-color, #e8e7e5); border-end-start-radius: var(--originals-header-radius-bottom-left, 0px); border-end-end-radius: var(--originals-header-radius-bottom-right, 0px); }
	.originals-header.originals-product-menu-open { border-end-start-radius: 0; border-end-end-radius: 0; }
	.originals-header.originals-header-product .originals-product-menu > .menu-item-has-children { background: transparent; }
	.originals-header.originals-header-product .originals-product-menu > li > .sub-menu, .originals-header.originals-header-product .originals-product-menu .sub-menu .sub-menu { border: 0; border-radius: 0; background: transparent; }
}
@media (max-width: 600px) { .admin-bar .originals-header { --originals-header-top: 0px; } }
@media (prefers-reduced-motion: reduce) { .originals-header { transition: none; } }
