/* RL Site Header */
.rl-hdr { position: relative; z-index: 999; --rl-hdr-top: 0px; }
.admin-bar .rl-hdr { --rl-hdr-top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { .admin-bar .rl-hdr { --rl-hdr-top: 0px; } }

.rl-hdr__bar {
	position: relative; left: 0; right: 0; z-index: 999;
	background: var(--rl-paper, #FBFAF7); color: var(--rl-ink, #0E0D0B);
	transition: background-color .4s var(--rl-ease), box-shadow .4s var(--rl-ease), transform .45s var(--rl-ease), color .4s;
}
.rl-hdr__spacer { display: none; }

/* Modes */
:where(.rl-hdr--overlay) .rl-hdr__bar { position: fixed; top: var(--rl-hdr-top); background: transparent; color: var(--rl-on-ink, #F4EFE5); }
.rl-hdr--sticky .rl-hdr__bar.is-fixed { position: fixed; top: var(--rl-hdr-top); }
.rl-hdr--sticky .rl-hdr__spacer { display: block; }
.rl-hdr .rl-hdr__bar.is-scrolled { background: rgba(251, 250, 247, .97); color: var(--rl-ink, #0E0D0B); box-shadow: 0 1px 0 var(--rl-line, #E2DACB); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.rl-hdr__bar.is-hidden { transform: translateY(-110%); }

/* In the Elementor editor keep the header in the flow so it is easy to select. */
.elementor-editor-active .rl-hdr--overlay .rl-hdr__bar { position: absolute; top: 0; }
.elementor-editor-active [data-elementor-type="header"] .rl-hdr--overlay .rl-hdr__bar { position: relative; background: var(--rl-ink, #0E0D0B); }

/* Top bar */
.rl-hdr__top {
	border-bottom: 1px solid rgba(244, 239, 229, .14);
	font: 400 12px/1 var(--rl-font-mono, monospace); letter-spacing: .06em;
	color: var(--rl-on-ink-mute, #A9A296);
	overflow: hidden; max-height: 120px;
	transition: max-height .4s var(--rl-ease), opacity .3s, border-color .3s;
}
:where(.rl-hdr--sticky, .rl-hdr--static) .rl-hdr__top { background: var(--rl-ink, #0E0D0B); }
.rl-hdr__top .rl-container { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 40px; }
.rl-hdr__tb-left, .rl-hdr__tb-right { display: flex; align-items: center; gap: 28px; min-width: 0; }
.rl-hdr__tb-item { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; transition: color .3s; }
.rl-hdr__tb-item i, .rl-hdr__tb-item svg { width: 13px; height: 13px; font-size: 13px; color: var(--rl-gold, #C29B4E); fill: var(--rl-gold, #C29B4E); }
.rl-hdr__top a:hover { color: var(--rl-gold-lt, #E8CD8A); }
.rl-hdr__shop { color: var(--rl-gold-lt, #E8CD8A); white-space: nowrap; }
.rl-hdr--tb-collapse .rl-hdr__bar.is-scrolled .rl-hdr__top { max-height: 0; opacity: 0; border-color: transparent; }
@media (max-width: 1024px) { .rl-hdr--tb-1024 .rl-hdr__top { display: none; } }
@media (max-width: 767px) { .rl-hdr--tb-767 .rl-hdr__top { display: none; } }

/* Social icons (shared by top bar and drawer) */
.rl-hdr .rl-socials { display: flex; align-items: center; gap: 14px; }
.rl-hdr .rl-socials a { display: inline-grid; place-items: center; color: inherit; font-size: 14px; line-height: 1; transition: color .3s; }
.rl-hdr .rl-socials svg { width: 14px; height: 14px; fill: currentColor; }
.rl-hdr .rl-socials a:hover { color: var(--rl-gold-lt, #E8CD8A); }

/* Main row */
.rl-hdr__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 88px; transition: height .4s var(--rl-ease); }
.rl-hdr__logo { display: inline-flex; align-items: center; flex: none; }
.rl-hdr__logo img { height: 62px; width: auto; max-width: none; transition: height .4s var(--rl-ease), opacity .3s; }
.rl-hdr__bar.is-scrolled .rl-hdr__inner { height: 72px; }
.rl-hdr__bar.is-scrolled .rl-hdr__logo img { height: 50px; }
/* Logo swap: exactly one logo is visible at a time (beats the generic `.rl-w img { display: block }`). */
.rl-hdr .rl-hdr__logo img.rl-hdr__logo-light { display: none; }
.rl-hdr .rl-hdr__bar.has-light-logo:not(.is-scrolled) .rl-hdr__logo img.rl-hdr__logo-light { display: block; }
.rl-hdr .rl-hdr__bar.has-light-logo:not(.is-scrolled) .rl-hdr__logo img.rl-hdr__logo-main { display: none; }
@media (max-width: 767px) {
	.rl-hdr__inner { height: 72px; }
	.rl-hdr__logo img { height: 48px; }
	.rl-hdr__bar.is-scrolled .rl-hdr__inner { height: 64px; }
	.rl-hdr__bar.is-scrolled .rl-hdr__logo img { height: 42px; }
}

/* Desktop menu */
.rl-hdr__nav { display: flex; flex: 1; justify-content: center; min-width: 0; }
.rl-menu { display: flex; flex-wrap: nowrap; align-items: center; gap: clamp(14px, 1.4vw, 26px); list-style: none; margin: 0; padding: 0; }
.rl-menu li { position: relative; list-style: none; }
.rl-menu > li > a {
	position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 8px 0;
	font: 500 12.5px/1 var(--rl-font-body, sans-serif); letter-spacing: .1em; text-transform: uppercase;
	color: inherit; white-space: nowrap; transition: color .3s;
}
.rl-menu > li > a::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
	background: var(--rl-gold, #C29B4E); transform: scaleX(0); transform-origin: left;
	transition: transform .35s var(--rl-ease);
}
.rl-menu > li > a:hover::after, .rl-menu > li:focus-within > a::after,
.rl-menu > .current-menu-item > a::after, .rl-menu > .current-menu-ancestor > a::after { transform: scaleX(1); }
.rl-hdr-ind-yes .rl-menu .menu-item-has-children > a::before {
	content: ""; order: 2; width: 6px; height: 6px; margin-top: -3px;
	border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); opacity: .7;
}

/* Dropdowns */
.rl-menu .sub-menu {
	position: absolute; top: 100%; left: -18px; z-index: 20; min-width: 220px;
	margin: 0; padding: 10px 0; list-style: none;
	background: var(--rl-paper, #FBFAF7); color: var(--rl-ink, #0E0D0B);
	box-shadow: 0 24px 48px -16px rgba(14, 13, 11, .3); border-top: 2px solid var(--rl-gold, #C29B4E);
	opacity: 0; visibility: hidden; transform: translateY(10px);
	transition: opacity .3s var(--rl-ease), transform .3s var(--rl-ease), visibility .3s;
}
.rl-menu .sub-menu .sub-menu { top: -12px; left: 100%; }
.rl-menu li:hover > .sub-menu, .rl-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.rl-menu .sub-menu a {
	display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 20px;
	font: 400 15px/1.3 var(--rl-font-body, sans-serif); color: inherit; transition: color .25s, background-color .25s, padding .25s;
}
.rl-menu .sub-menu a:hover, .rl-menu .sub-menu .current-menu-item > a { color: var(--rl-gold-dk, #8C6A2D); padding-left: 24px; }
.rl-hdr-ind-yes .rl-menu .sub-menu .menu-item-has-children > a::before { transform: rotate(-45deg); }

/* Actions */
.rl-hdr__actions { display: flex; align-items: center; gap: 14px; flex: none; }
.rl-hdr__burger {
	display: none; align-items: center; justify-content: center; gap: 10px;
	min-width: 44px; height: 44px; padding: 0 12px; border: 1px solid; border-color: rgba(127, 120, 108, .4); border-radius: 999px;
	background: transparent; color: inherit; cursor: pointer; transition: color .3s, background-color .3s, border-color .3s;
}
.rl-hdr__burger svg, .rl-hdr__burger i { width: 18px; height: 18px; font-size: 18px; }
.rl-hdr__burger:hover { border-color: var(--rl-gold, #C29B4E); }
.rl-hdr__burger-label { font: 500 12px/1 var(--rl-font-mono, monospace); letter-spacing: .14em; text-transform: uppercase; }

/* Breakpoints: hide desktop nav, show hamburger */
.rl-hdr--bp-always .rl-hdr__nav { display: none; }
.rl-hdr--bp-always .rl-hdr__burger { display: inline-flex; }
.rl-hdr--bp-always:not(.rl-hdr--cta-mobile) .rl-hdr__cta { display: none; }
@media (max-width: 1366px) {
	.rl-hdr--bp-1366 .rl-hdr__nav { display: none; }
	.rl-hdr--bp-1366 .rl-hdr__burger { display: inline-flex; }
}
@media (max-width: 1280px) {
	.rl-hdr--bp-1280 .rl-hdr__nav { display: none; }
	.rl-hdr--bp-1280 .rl-hdr__burger { display: inline-flex; }
}
@media (max-width: 1200px) {
	.rl-hdr--bp-1200 .rl-hdr__nav { display: none; }
	.rl-hdr--bp-1200 .rl-hdr__burger { display: inline-flex; }
}
@media (max-width: 1024px) {
	.rl-hdr--bp-1024 .rl-hdr__nav { display: none; }
	.rl-hdr--bp-1024 .rl-hdr__burger { display: inline-flex; }
}
@media (max-width: 767px) {
	.rl-hdr--bp-767 .rl-hdr__nav { display: none; }
	.rl-hdr--bp-767 .rl-hdr__burger { display: inline-flex; }
	.rl-hdr:not(.rl-hdr--cta-mobile) .rl-hdr__cta { display: none; }
}
@media (max-width: 1024px) {
	.rl-hdr--bp-1366:not(.rl-hdr--cta-mobile) .rl-hdr__cta,
	.rl-hdr--bp-1280:not(.rl-hdr--cta-mobile) .rl-hdr__cta,
	.rl-hdr--bp-1200:not(.rl-hdr--cta-mobile) .rl-hdr__cta,
	.rl-hdr--bp-1024:not(.rl-hdr--cta-mobile) .rl-hdr__cta { display: none; }
}

/* Drawer */
.rl-drawer { position: fixed; inset: 0; z-index: 100000; visibility: hidden; pointer-events: none; }
.rl-drawer.is-open { visibility: visible; pointer-events: auto; }
.rl-drawer__overlay { position: absolute; inset: 0; background: rgba(14, 13, 11, .55); opacity: 0; transition: opacity .45s var(--rl-ease); }
.rl-drawer.is-open .rl-drawer__overlay { opacity: 1; }
.rl-drawer__panel {
	position: absolute; top: 0; bottom: 0; right: 0; width: min(440px, 100%);
	display: flex; flex-direction: column; gap: 28px; overflow-y: auto; overscroll-behavior: contain;
	padding: calc(24px + env(safe-area-inset-top, 0px)) max(24px, env(safe-area-inset-right, 0px)) calc(28px + env(safe-area-inset-bottom, 0px)) max(24px, env(safe-area-inset-left, 0px));
	background: var(--rl-ink, #0E0D0B); color: var(--rl-on-ink, #F4EFE5);
	transform: translateX(100%); transition: transform .5s var(--rl-ease);
}
.admin-bar .rl-drawer__panel { padding-top: calc(24px + var(--rl-hdr-top)); }
.rl-drawer--left .rl-drawer__panel { right: auto; left: 0; transform: translateX(-100%); }
.rl-drawer--top .rl-drawer__panel { left: 0; width: 100%; transform: translateY(-100%); }
.rl-drawer.is-open .rl-drawer__panel { transform: none; }
.rl-drawer__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.rl-drawer__logo img { height: 48px; width: auto; }
.rl-drawer__close {
	display: inline-grid; place-items: center; width: 44px; height: 44px; flex: none;
	border: 1px solid rgba(244, 239, 229, .3); border-radius: 50%; background: transparent; color: inherit; cursor: pointer;
	transition: background-color .3s, color .3s;
}
.rl-drawer__close:hover { background: var(--rl-gold, #C29B4E); color: var(--rl-ink, #0E0D0B); border-color: var(--rl-gold, #C29B4E); }
.rl-drawer__close svg, .rl-drawer__close i { width: 18px; height: 18px; font-size: 18px; }

.rl-mmenu, .rl-mmenu .sub-menu { list-style: none; margin: 0; padding: 0; }
.rl-mmenu { counter-reset: rlm; }
.rl-mmenu li { position: relative; border-bottom: 1px solid rgba(244, 239, 229, .1); }
.rl-mmenu > li > a {
	display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 14px 52px 14px 0;
	font: 400 clamp(24px, 6vw, 30px)/1.2 var(--rl-font-display, Georgia, serif); color: inherit; transition: color .3s, padding .3s;
}
.rl-mmenu > li:not(.menu-item-has-children) > a { padding-right: 0; }
.rl-mmenu > li > a:hover, .rl-mmenu > .current-menu-item > a { color: var(--rl-gold-lt, #E8CD8A); }
.rl-hdr--numbers .rl-mmenu > li { counter-increment: rlm; }
.rl-hdr--numbers .rl-mmenu > li > a::after {
	content: counter(rlm, decimal-leading-zero);
	font: 400 11px/1 var(--rl-font-mono, monospace); letter-spacing: .14em; color: var(--rl-gold-lt, #E8CD8A);
}
.rl-hdr--numbers .rl-mmenu > li.menu-item-has-children > a::after { display: none; }
.rl-mmenu .sub-menu { display: none; padding: 0 0 12px 14px; border-left: 1px solid rgba(232, 205, 138, .3); margin-bottom: 12px; }
.rl-mmenu li.is-open > .sub-menu { display: block; }
.rl-mmenu .sub-menu li { border: 0; }
.rl-mmenu .sub-menu a { display: block; padding: 8px 44px 8px 0; font: 400 16px/1.4 var(--rl-font-body, sans-serif); color: var(--rl-on-ink-mute, #A9A296); transition: color .3s; }
.rl-mmenu .sub-menu a:hover, .rl-mmenu .sub-menu .current-menu-item > a { color: var(--rl-gold-lt, #E8CD8A); }
.rl-sub-toggle {
	position: absolute; right: 0; top: 10px; width: 36px; height: 36px; display: grid; place-items: center;
	border: 1px solid rgba(232, 205, 138, .4); border-radius: 50%; background: transparent; color: var(--rl-gold-lt, #E8CD8A); cursor: pointer;
}
.rl-mmenu .sub-menu .rl-sub-toggle { top: 2px; width: 30px; height: 30px; }
.rl-sub-toggle svg { width: 14px; height: 14px; transition: transform .3s var(--rl-ease); }
li.is-open > .rl-sub-toggle svg { transform: rotate(180deg); }

.rl-drawer__cta { align-self: flex-start; }
.rl-drawer__text { font: 400 13px/1.7 var(--rl-font-mono, monospace); color: var(--rl-on-ink-mute, #A9A296); }
.rl-drawer .rl-socials { gap: 12px; margin-top: auto; }
.rl-drawer .rl-socials a { width: 40px; height: 40px; border: 1px solid rgba(244, 239, 229, .2); border-radius: 50%; }
.rl-drawer .rl-socials a:hover { border-color: var(--rl-gold, #C29B4E); }

html.rl-lock, html.rl-lock body { overflow: hidden; }
