@font-face { font-family: 'Rimal Header Actions'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/quattrocento-sans-400.woff2') format('woff2'); }
@font-face { font-family: 'Rimal Header Actions'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/quattrocento-sans-700.woff2') format('woff2'); }
.site-header { --header-action-swing: cubic-bezier(.65, 0, .35, 1); --header-action-ease: cubic-bezier(.22, .61, .36, 1); }
.site-header .menu-toggle, .site-header .header-booking > summary { position: relative; display: inline-flex; align-items: center; min-height: 44px; margin: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #65574a; font-family: 'Rimal Header Actions', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.4; text-transform: uppercase; cursor: pointer; }
.site-header--overlay:not(.is-scrolled):not(.menu-is-open) .menu-toggle, .site-header--overlay:not(.is-scrolled):not(.menu-is-open) .header-booking > summary { color: #fff; }
.site-header .menu-toggle { gap: 14px; padding: 8px 2px; letter-spacing: .22em; }
.site-header .menu-toggle__icon { position: relative; display: block; width: 28px; height: 10px; flex: none; }
.site-header .menu-toggle__icon i { position: absolute; inset-inline-start: 0; top: 0; width: 28px; height: 1.5px; background: currentColor; transition: width .4s var(--header-action-swing), transform .4s var(--header-action-swing); }
.site-header .menu-toggle__icon i:last-child { top: 9px; width: 16px; }
.site-header .menu-toggle:is(:hover, :focus-visible) .menu-toggle__icon i:last-child { width: 28px; }
.site-header.menu-is-open .menu-toggle__icon i:first-child { transform: translateY(4.5px) rotate(45deg); }
.site-header.menu-is-open .menu-toggle__icon i:last-child { width: 28px; transform: translateY(-4.5px) rotate(-45deg); }
.site-header .menu-toggle__label { position: relative; display: grid; height: 1em; overflow: hidden; line-height: 1; }
.site-header .menu-toggle__label-track, .site-header .menu-toggle__label-size { grid-area: 1 / 1; display: block; white-space: nowrap; }
.site-header .menu-toggle__label-track { position: relative; transition: transform .45s var(--header-action-swing); }
.site-header .menu-toggle__label-track::after { content: attr(data-close-text); position: absolute; inset-inline-start: 0; top: 100%; }
.site-header .menu-toggle__label-size { visibility: hidden; }
.site-header.menu-is-open .menu-toggle__label-track { transform: translateY(-100%); }
.site-header .menu-toggle [data-menu-label][hidden] { display: none; }
.site-header .header-booking > summary { gap: 9px; padding: 6px 0; letter-spacing: .18em; list-style: none; }
.site-header .header-booking > summary::-webkit-details-marker { display: none; }
.site-header .header-booking > summary .header-booking__label { font-size: inherit; line-height: inherit; transform: none; transition: none; }
.site-header .header-booking__calendar { width: 17px; height: 17px; flex: none; }
.site-header .header-booking__chevron { width: 10px; height: 10px; flex: none; transition: transform .35s var(--header-action-swing); }
.site-header .header-booking[open] .header-booking__chevron { transform: rotate(180deg); }
.site-header .header-booking[data-header-hover] .header-booking__chevron { transform: none; }
.site-header .menu-toggle .header-action__rule, .site-header .header-booking > summary .header-action__rule { position: absolute; inset-inline: 0; bottom: 7px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform .4s var(--header-action-swing); pointer-events: none; }
.site-header .menu-toggle:is(:hover, :focus-visible) .header-action__rule, .site-header .header-booking > summary:is(:hover, :focus-visible) .header-action__rule { transform: scaleX(1); }
.site-header .menu-toggle:focus-visible, .site-header .header-booking > summary:focus-visible, .site-header .header-booking__menu a:focus-visible { outline: 2px solid #b8763f; outline-offset: 4px; }
.site-header .header-booking__menu { top: calc(100% + 6px); inset-inline-end: 0; width: 240px; min-width: 0; padding: 8px 0; background: #f4ede6; border: 1px solid rgba(101,87,74,.2); box-shadow: 0 18px 40px rgba(25,20,17,.18); color: #65574a; }
.site-header .header-booking[open] .header-booking__menu { animation: header-booking-fade .32s var(--header-action-ease) both, header-booking-slide .42s var(--header-action-swing) both; }
.site-header .header-booking__menu a { display: flex; align-items: baseline; gap: 12px; padding: 11px 22px; color: #65574a; background: none; font-family: 'Rimal Header Actions', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: normal; text-transform: none; text-decoration: none; transition: background .25s var(--header-action-ease), color .25s var(--header-action-ease), padding-inline-start .3s var(--header-action-swing); }
.site-header .header-booking__menu a::before { content: ''; width: 14px; height: 1px; flex: none; background: #b8763f; transform: scaleX(0); transform-origin: left; transition: transform .3s var(--header-action-swing); }
.site-header .header-booking__menu a:is(:hover, :focus-visible) { padding-inline-start: 28px; background: #eae0d3; color: #191411; }
.site-header .header-booking__menu a:is(:hover, :focus-visible)::before { transform: scaleX(1); }
@keyframes header-booking-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes header-booking-slide { from { transform: translateY(-8px); } to { transform: translateY(0); } }
@media (max-width: 900px) { .site-header .header-booking > summary .header-booking__label { display: none; } }
@media (max-width: 440px) { .site-header .menu-toggle__label { display: none; } }
[dir='rtl'] .site-header .menu-toggle, [dir='rtl'] .site-header .header-booking > summary { letter-spacing: normal; }
[dir='rtl'] .site-header .menu-toggle__label { height: 1.4em; line-height: 1.4; }
[dir='rtl'] .site-header .header-action__rule { transform-origin: left; }
[dir='rtl'] .site-header .header-booking__menu a::before { transform-origin: right; }
@media (prefers-reduced-motion: reduce) { .site-header .menu-toggle *, .site-header .header-booking *, .site-header .menu-toggle { animation: none !important; transition: none !important; } }