/* Stars Hotel & Spa · Option A. Only the header and hero copy on the four homepages. */
.v116-home .v116-actions {
  display:flex; align-items:center; justify-content:flex-end; gap:clamp(10px,1.35vw,22px); min-width:0;
}
.v116-home .v116-actions .language-selector {
  display:block; position:relative; flex:0 0 auto; order:0; margin:0;
}
.v116-home .v116-actions .header-cta {order:1}
.v116-home .v116-actions .menu-button {order:2}
.v116-home .v116-actions .language-selector > summary {
  display:inline-flex; align-items:center; justify-content:center; gap:4px;
  min-width:44px; min-height:44px; box-sizing:border-box; padding:0 5px; margin:0;
  font:500 12.5px/1.3 var(--sans); letter-spacing:.025em;
  border:0; border-radius:3px; box-shadow:none; background:transparent; color:#fffdf9;
}
.v116-home .v116-actions .language-selector > summary > span {
  display:inline-block; border-bottom:1px solid #d8b788; padding-block:2px; line-height:1.2;
}
.v116-home .v116-actions .language-selector > summary > svg {width:10px;height:10px;display:block}
.v116-home .v116-actions .language-panel {
  inset-block-start:calc(100% + 2px); inset-inline-end:0; min-width:164px;
  padding:5px; border:1px solid #d9c6ad; background:#fffcf7; color:#2b333f; border-radius:8px;
}
.v116-home .v116-actions .language-panel a {font-size:14px;line-height:1.45;min-height:44px;border-radius:4px}
.v116-home .v116-actions .language-panel a[aria-current] {background:#f1e7da}
.v116-home .v116-actions :is(a,button,summary):focus-visible {outline:2px solid #edc992;outline-offset:2px}
.v116-home .v116-actions .language-panel a:focus-visible {outline-color:#80613e;outline-offset:-2px}
.v116-home .home-hero-title {text-align:start}
html[lang] body.v112-home.v114-home.v116-home #home-hero #opening-title {
  font:400 clamp(40px,3.82vw,55px)/1.12 var(--serif); color:#fffcf5;
  margin:0; padding:0; letter-spacing:-.028em; text-transform:none; max-width:none;
}
.v116-home #opening-title .v116-name,.v116-home #opening-title .v116-location {display:block}
.v116-home #opening-title .v116-name {font:inherit}
.v116-home #opening-title .v116-location {
  margin-block-start:4px; color:#f1dabb; font-size:clamp(26px,2.16vw,31px); line-height:1.22;
  letter-spacing:-.015em;
}
.v116-home #home-hero .v116-atouts {
  margin:clamp(15px,2.6svh,23px) 0 0; padding:0; max-width:46ch;
  font:400 clamp(14px,1.12vw,16px)/1.5 var(--sans); letter-spacing:0;
  color:#fffdf9; text-align:start; text-wrap:pretty; text-shadow:0 1px 3px #111e2b9e;
}
.v116-home #home-hero .v116-title,.v116-home #home-hero .v116-location {text-shadow:0 1px 4px #111e2b55}
html[dir=rtl] .v116-home #opening-title .v116-name bdi {font-family:Playfair,Georgia,serif;letter-spacing:-.02em}
html[dir=rtl] body.v112-home.v114-home.v116-home #home-hero #opening-title,
html[dir=rtl] .v116-home #opening-title .v116-location {letter-spacing:0}
html[dir=rtl] .v116-home #opening-title .v116-location {line-height:1.55}
html[dir=rtl] .v116-home #home-hero .v116-atouts {line-height:1.65}
@media (min-width:768px) {
  body.v112-home.v114-home.v116-home .header.header--home .header-inner {
    display:grid!important; grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);
    grid-template-rows:auto; align-items:center; gap:0 12px; min-height:66px;
    padding-inline:clamp(24px,3.3vw,54px);
  }
  .v116-home .header.header--home .brand {grid-area:1/1; justify-self:start; width:122px;height:48px}
  .v116-home .v116-actions {grid-area:1/3;justify-self:end}
  html body.v112-home.v116-home .header.header--home #main-nav {
    grid-area:1/2; justify-self:center; justify-content:center; width:max-content!important; max-width:100%!important;
    gap:clamp(16px,1.8vw,26px); border:0!important;
  }
  html body.v112-home.v116-home .header.header--home #main-nav>a:not(.nav-mobile-contact) {
    font:400 clamp(16px,1.22vw,17.5px)/1.36 var(--serif); letter-spacing:0; min-height:44px;
  }
  html[dir=rtl] body.v116-home .header.header--home .brand img {object-position:right center}
  html[dir=rtl] body.v112-home.v116-home .header.header--home #main-nav>a:not(.nav-mobile-contact) {
    font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;line-height:1.6;
  }
  body.v112-home.v114-home.v116-home .header.header--home .v116-actions .header-cta {
    margin:0; min-width:108px; min-height:44px; padding:7px 16px; border-radius:99px;
  }
  .v112-home.v114-home.v115-home.v116-home .home-intro #home-hero {gap:clamp(35px,15svh,128px)}
  html body.v112-home.v114-home.v116-home #home-hero .cl-google {margin-block-start:clamp(18px,3.1svh,27px)}
}
/* Keep every translated link accessible when a single centered line would collide with the actions. */
@media (min-width:768px) and (max-width:1159.98px) {
  body.v112-home.v114-home.v116-home .header.header--home .header-inner {
    grid-template-columns:1fr 1fr; grid-template-rows:auto auto; min-height:0; padding:3px 17px 2px;
  }
  .v116-home .header.header--home .brand {width:108px;height:42px}
  .v116-home .v116-actions {grid-area:1/2}
  html body.v112-home.v116-home .header.header--home #main-nav {grid-area:2/1/3/-1; width:auto!important; flex-wrap:wrap; gap:0 clamp(12px,2vw,23px)}
  html body.v112-home.v116-home .header.header--home #main-nav>a:not(.nav-mobile-contact) {font-size:clamp(14px,1.65vw,17px);min-height:38px;padding-block:5px!important}
}
@media (max-width:767.98px) {
  body.v112-home.v114-home.v116-home .header.header--home .header-inner {
    display:flex; gap:4px; min-height:64px; width:100%; max-width:none;
    padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right)); box-sizing:border-box;
  }
  body.v112-home.v114-home.v116-home .header.header--home .brand {width:96px;max-width:96px;flex:0 1 96px;margin-inline-end:auto}
  .v116-home .v116-actions {flex-shrink:0; gap:clamp(5px,1.6vw,11px); order:2; margin-inline-start:auto}
  body.v112-home.v114-home.v116-home .header.header--home .v116-actions .header-cta {min-height:44px;margin:0}
  .v116-home .v116-actions .menu-button {min-width:44px;min-height:44px}
  .v116-home .header.is-scrolled .v116-actions .language-selector>summary {color:#2b333f}
  .v116-home .header.is-scrolled .v116-actions .language-selector>summary>span {border-color:#8d6640}
  .v116-home .v116-actions .language-panel {inset-inline-end:auto;inset-inline-start:50%;transform:translateX(-50%)}
  html[dir=rtl] .v116-home .v116-actions .language-panel {transform:translateX(50%)}
  html[lang] body.v112-home.v114-home.v116-home #home-hero #opening-title {font-size:clamp(29px,8.46vw,35px);line-height:1.12}
  .v116-home #opening-title .v116-location {font-size:clamp(21px,6.35vw,25px);margin-block-start:4px}
  .v116-home #home-hero .v116-atouts {font-size:clamp(12.5px,3.36vw,14px);line-height:1.45;margin-block-start:15px}
  html[lang] body.v112-home.v114-home.v116-home #home-hero .cl-google {margin-block-start:22px}
}

/* Below 768 CSS pixels the persistent booking card is the homepage booking entry. */
@media (width < 768px) {
  html body.v116-home .header.header--home .v116-actions > a.header-cta {
    display: none !important;
  }
}