/* Naara responsive update - 2026-10-27. Loaded after theme styles. */
:is(body.naara-home,body.naara-inner){overflow-wrap:break-word}
:is(body.naara-home,body.naara-inner) :is(input,select,textarea){min-width:0;max-width:100%}
:is(body.naara-home,body.naara-inner) :is(.grid,.naara-booking-fields,.naara-site-footer__inner)>*{min-width:0}
:is(body.naara-home,body.naara-inner) :is(video,iframe){max-width:100%}
:is(body.naara-home,body.naara-inner) :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #b79564;outline-offset:3px}
/* Normal flow prevents booking form overlap at all heights and zoom levels. */
body.naara-home #hero{height:auto;min-height:100svh;padding-bottom:24px}
body.naara-home #hero>.relative.z-10.h-full{height:auto;min-height:max(560px,calc(100svh - 200px));padding:150px 56px 64px}
body.naara-home #hero h1{overflow-wrap:anywhere}
body.naara-home #naara-booking-panel{position:relative;inset:auto;transform:none;width:min(1120px,calc(100% - 48px));max-width:1120px;margin:0 auto}
body.naara-home #hero-booking-form .naara-booking-fields{grid-template-columns:minmax(0,2.5fr) repeat(2,minmax(0,1fr)) minmax(150px,1.4fr)}
body.naara-home #hero-booking-form :is(input[type=text],select,button[type=submit]){height:auto;min-height:48px;}
body.naara-home #hero-booking-form button[type=submit]{white-space:normal;overflow-wrap:anywhere;padding:12px;line-height:1.5}
body.naara-home #hero-booking-form label{line-height:1.5}
body.naara-home #sobre{padding-top:clamp(64px,7vw,112px)}
body.naara-home #site-header #menu-btn{flex-shrink:0;min-width:44px;min-height:44px}
body.naara-home #mobile-nav{max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain}
body.naara-home #mobile-nav nav{gap:12px;padding:20px 24px}
body.naara-home #mobile-nav a{display:flex;align-items:center;min-height:44px;text-align:center}
body.naara-inner .naara-site-header__inner{gap:clamp(12px,2vw,32px)}
.naara-mobile-menu nav{width:min(280px,calc(100vw - 32px));min-width:0;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
.naara-mobile-menu summary{min-width:44px;min-height:44px;padding:8px 6px}
.naara-site-footer__inner>*{overflow-wrap:anywhere}
.cookie-banner{max-height:calc(100dvh - 24px);overflow-y:auto}
.cookie-modal__panel{max-height:calc(100dvh - 32px);overflow-y:auto}
/* Adjust spacing while preserving the original typography and branding sizes. */
@media(min-width:601px){


body.naara-home #site-header>.max-w-7xl>.flex>.flex:first-child{gap:14px}
}

/* Show the full menu whenever its measured content fits. */
body.naara-home #desktop-nav{gap:clamp(12px,1.3vw,24px);white-space:nowrap;flex-shrink:0}
body.naara-home #site-header[data-nav-layout="wide"] #desktop-nav{display:flex}
body.naara-home #site-header[data-nav-layout="wide"] #menu-btn,
body.naara-home #site-header[data-nav-layout="wide"] #mobile-nav{display:none}
body.naara-home #site-header[data-nav-layout="compact"] #desktop-nav{display:none}
body.naara-home #site-header[data-nav-layout="compact"] #menu-btn{display:block}
body.naara-home #site-header[data-nav-layout="compact"] #mobile-nav:not(.hidden){display:block}
@media(max-width:900px){
body.naara-home #hero-booking-form .naara-booking-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
body.naara-home #hero-booking-form :is(.naara-date-field,.naara-booking-submit){grid-column:1/-1}
}
@media(max-width:767px){
body.naara-home #hero>.relative.z-10.h-full{min-height:560px;padding:150px 40px 48px}
body.naara-home #naara-booking-panel{width:calc(100% - 32px)}
body.naara-home #hero .carousel-prev{left:4px}
body.naara-home #hero .carousel-next{right:4px}

body.naara-inner .page-banner-wrap .page-heading h1{overflow-wrap:anywhere}
.naara-catalog__tabs{max-width:100%}
}
@media(max-width:600px){
body.naara-home #site-header>.max-w-7xl{padding-inline:16px}
body.naara-home #site-header>.max-w-7xl>.flex{height:88px;gap:8px}
body.naara-home #site-header>.max-w-7xl>.flex>.flex:first-child{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;min-width:0}
body.naara-home #site-header>.max-w-7xl>.flex>.flex:first-child>a{flex-shrink:0}


body.naara-home #lang-switch{gap:6px;}
body.naara-home #lang-switch a{display:inline-flex;align-items:center;min-height:32px;padding:3px 5px}
.naara-currency__toggle{min-height:32px}
.naara-currency__menu{max-width:calc(100vw - 32px)}
body.naara-home #currency-switch .naara-currency__menu{left:auto;right:0}
body.naara-inner .naara-site-header__inner{padding-inline:12px;gap:8px}
.naara-site-header__actions{gap:6px}
.naara-brand{gap:6px}


.naara-currency__label{display:none}
}
@media(max-width:420px){
body.naara-home #site-header>.max-w-7xl{padding-inline:10px}
body.naara-home #site-header>.max-w-7xl>.flex{gap:4px}
body.naara-home #site-header>.max-w-7xl>.flex>.flex:first-child{gap:7px}


body.naara-home #lang-switch{gap:2px;}
body.naara-home #lang-switch a{padding-inline:3px}
}
@media(max-width:380px){
body.naara-home #hero>.relative.z-10.h-full{padding-inline:36px}
body.naara-home #hero-booking-form{padding:16px}
body.naara-home #hero-booking-form .naara-promo-banner{margin:-16px -16px 16px}
.naara-site-footer__inner{grid-template-columns:minmax(0,1fr)}
}
@media(max-height:600px) and (min-width:601px){
body.naara-home #hero>.relative.z-10.h-full{min-height:520px;padding-top:140px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
:is(body.naara-home,body.naara-inner) :is(.reveal,.reveal-scale){opacity:1;transform:none;transition:none}
}
/* Compact language selector, inheriting the original template font size. */
body.naara-home #lang-switch{flex-shrink:0}
body.naara-home .naara-language-menu{position:relative}
body.naara-home .naara-language-menu summary{display:flex;align-items:center;min-height:32px;cursor:pointer;list-style:none;white-space:nowrap;gap:4px}
body.naara-home .naara-language-menu summary::-webkit-details-marker{display:none}
body.naara-home .naara-language-menu nav{position:absolute;top:calc(100% + 10px);right:0;z-index:120;display:flex;flex-direction:column;min-width:100px;max-height:60dvh;overflow-y:auto;padding:8px;background:#f8f5ed;border:1px solid #d8cfbd;color:#414932;box-shadow:0 15px 34px rgba(18,27,19,.23)}
body.naara-home #lang-switch .naara-language-menu nav a{display:flex;align-items:center;min-height:40px;padding:8px 12px;border:0;opacity:1;text-decoration:none}
body.naara-home #lang-switch .naara-language-menu nav a:hover,
body.naara-home #lang-switch .naara-language-menu nav a:focus-visible{background:#e8e7d9}
