
:root{--menu-gold:#c89b45;--menu-gold-light:#e5c37c}

/* CLOSED HEADER: menu left / logo center / contact right */
.site-header{grid-template-columns:1fr auto 1fr!important;overflow:visible!important}
.site-header .main-nav,.site-header .menu-toggle,.site-header .header-book{display:none!important}
.ref-menu-trigger{grid-column:1;grid-row:1;justify-self:start;align-self:center;display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:0;border:0;background:transparent;color:#f2ece3;cursor:pointer}
.ref-bars{position:relative;width:34px;height:16px;display:block}
.ref-bars i{position:absolute;left:0;height:1px;background:var(--menu-gold-light)}
.ref-bars i:first-child{top:4px;width:34px}.ref-bars i:last-child{bottom:4px;width:22px}
.ref-menu-trigger b{font-size:.74rem;font-weight:500;letter-spacing:.08em}
.site-header .brand{grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important}
.ref-header-actions{grid-column:3;grid-row:1;justify-self:end;align-self:center;display:flex;gap:18px}
.ref-header-actions a{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(229,195,124,.25);border-radius:50%;color:var(--menu-gold-light);font-size:1rem}

/* BACKEND-CONTROLLED HEADER SIDES
   Logo always stays centered. Only Menu and Header Contact swap sides. */
.site-header.ref-layout-menu-left,
.site-header.ref-layout-menu-right{grid-template-columns:1fr auto 1fr!important}
.site-header.ref-layout-menu-left .brand,
.site-header.ref-layout-menu-right .brand{grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important}
.site-header.ref-layout-menu-left .ref-menu-trigger{grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important}
.site-header.ref-layout-menu-left .ref-header-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important}
.site-header.ref-layout-menu-right .ref-header-actions{grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important}
.site-header.ref-layout-menu-right .ref-menu-trigger{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important}

/* OPEN MENU */
.ref-menu-overlay{position:fixed;inset:0;z-index:9999999;display:none;background:#f7f5f2;color:#191919}
.ref-menu-overlay.open{display:block}
.ref-menu-top{height:92px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;align-items:center;padding:0 30px;background:#fff}
.ref-menu-close{justify-self:start;align-self:center;display:inline-flex;align-items:center;gap:13px;min-height:46px;margin:0;border:0;background:transparent;color:#1d2230;cursor:pointer}
.ref-close-x{position:relative;width:36px;height:36px}
.ref-close-x i{position:absolute;left:3px;top:17px;width:31px;height:1px;background:#1f2946}
.ref-close-x i:first-child{transform:rotate(45deg)}.ref-close-x i:last-child{transform:rotate(-45deg)}
.ref-menu-close b{font-size:.75rem;letter-spacing:.08em;font-weight:500}
.ref-menu-top .ref-menu-close{grid-column:1;grid-row:1!important;justify-self:start;align-self:center!important}
.ref-menu-top .ref-menu-book{grid-column:2;grid-row:1!important;justify-self:end;align-self:center!important}
.ref-menu-overlay.ref-layout-menu-right .ref-menu-top .ref-menu-close{grid-column:2;grid-row:1!important;justify-self:end;align-self:center!important;flex-direction:row-reverse}
.ref-menu-overlay.ref-layout-menu-right .ref-menu-top .ref-menu-book{grid-column:1;grid-row:1!important;justify-self:start;align-self:center!important}
.ref-menu-book{min-width:190px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0 0 10px;border-bottom:2px solid var(--menu-gold);box-sizing:border-box;text-align:center;color:#171717;font-size:.75rem;line-height:1;letter-spacing:.18em;font-weight:600}

.ref-menu-sheet{position:relative;width:calc(100% - 76px);height:calc(100vh - 114px);margin:0 38px 22px;overflow:auto;padding:0 28px 24px;background:radial-gradient(circle at 83% 78%,rgba(200,155,69,.10),transparent 22%),linear-gradient(135deg,#16130f,#0c0b09 68%,#080808);color:#f2eadf;border:1px solid rgba(200,155,69,.23);box-shadow:0 12px 40px rgba(0,0,0,.13);animation:refMenuIn .32s ease both}
@keyframes refMenuIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
.ref-menu-brand{display:flex;align-items:center;justify-content:center;gap:15px;padding:6px 0 12px}
.ref-menu-logo{width:76px;height:76px;display:grid;place-items:center;border:1px solid rgba(229,195,124,.55);border-radius:50%;color:var(--menu-gold-light);font-family:Georgia,serif;font-size:1.8rem}
.ref-menu-brand-copy{display:grid;line-height:1;font-family:Georgia,serif}.ref-menu-brand-copy strong{font-size:1.08rem;font-weight:400;letter-spacing:.13em}.ref-menu-brand-copy em{margin-top:7px;color:var(--menu-gold-light);font-size:1.17rem;letter-spacing:.12em;font-style:normal}

.ref-menu-nav{width:min(680px,100%);margin:0 auto;display:flex;flex-direction:column;text-align:center}
.ref-menu-nav>a,.ref-menu-group-toggle{min-height:45px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#f0e8de;font-family:Georgia,"Times New Roman",serif;font-size:1.22rem;letter-spacing:.045em;cursor:pointer}
.ref-menu-nav>a:hover,.ref-menu-group-toggle:hover{color:var(--menu-gold-light)}
.ref-menu-group-toggle{width:100%;gap:12px}.ref-menu-group-toggle span{color:var(--menu-gold-light);transition:transform .2s ease}.ref-menu-group.closed .ref-menu-group-toggle span{transform:rotate(180deg)}

.ref-menu-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:230px;padding:5px 0 10px;opacity:1;overflow:hidden;transition:max-height .28s ease,opacity .2s ease,padding .28s ease}
.ref-menu-group.closed .ref-menu-subgrid{max-height:0;opacity:0;padding:0}
.ref-menu-subgrid a{min-height:47px;display:flex;align-items:center;justify-content:center;padding:0 14px;border-radius:10px;background:#f1eeea;border:1px solid #e0dad2;color:#20263a;font-family:Georgia,serif;font-size:.86rem;letter-spacing:.05em}
.ref-menu-subgrid a:hover{background:linear-gradient(90deg,var(--menu-gold-light),var(--menu-gold));border-color:var(--menu-gold);color:#080808}
.ref-menu-bottom{display:flex;justify-content:center;gap:28px;padding-top:16px;color:#8d847a;font-size:.72rem;letter-spacing:.075em}
.ref-menu-watermark{position:absolute;right:5%;bottom:2%;color:rgba(229,195,124,.055);font-family:Georgia,serif;font-size:min(25vw,390px);line-height:.78;pointer-events:none}
body.ref-menu-open{overflow:hidden}

@media(max-width:760px){
  /* MOBILE: logo always sits at the opposite edge from the hamburger. */
  .site-header{grid-template-columns:1fr auto 1fr!important;padding-left:18px!important;padding-right:18px!important}
  .ref-menu-trigger{grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important;display:inline-flex!important}
  .site-header .brand{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important}
  .ref-header-actions{display:none!important}

  .site-header.ref-layout-menu-left .ref-menu-trigger{grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important}
  .site-header.ref-layout-menu-left .brand{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important}

  .site-header.ref-layout-menu-right .brand{grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important}
  .site-header.ref-layout-menu-right .ref-menu-trigger{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important}
  .ref-menu-top{height:72px;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:0 16px}
  .ref-menu-top .ref-menu-close,.ref-menu-top .ref-menu-book{grid-row:1!important;align-self:center!important}
  .ref-menu-book{min-width:auto;min-height:42px;font-size:.65rem;letter-spacing:.11em}
  .ref-menu-sheet{width:calc(100% - 24px);height:calc(100dvh - 86px);margin:0 12px 14px;padding:0 13px 20px}
  .ref-menu-logo{width:54px;height:54px;font-size:1.25rem}
  .ref-menu-brand-copy strong{font-size:.88rem}.ref-menu-brand-copy em{font-size:.98rem}
  .ref-menu-nav>a,.ref-menu-group-toggle{min-height:42px;font-size:1.03rem}
  .ref-menu-subgrid{grid-template-columns:1fr 1fr;gap:6px}
  .ref-menu-subgrid a{min-height:43px;padding:0 7px;font-size:.72rem}
}
@media(max-width:430px){.ref-menu-subgrid{grid-template-columns:1fr}}


/* ANIMATED HAMBURGER + SLOWER MENU OPEN */
.ref-menu-trigger .ref-bars i{
  transform-origin:center;
  transition:
    top .32s ease,
    bottom .32s ease,
    width .28s ease,
    transform .38s cubic-bezier(.2,.7,.2,1),
    background .25s ease;
}

body.ref-menu-opening .ref-menu-trigger .ref-bars i:first-child,
body.ref-menu-open .ref-menu-trigger .ref-bars i:first-child{
  top:7px;
  width:30px;
  transform:rotate(45deg);
}

body.ref-menu-opening .ref-menu-trigger .ref-bars i:last-child,
body.ref-menu-open .ref-menu-trigger .ref-bars i:last-child{
  bottom:8px;
  width:30px;
  transform:rotate(-45deg);
}

.ref-menu-overlay{
  display:block !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:
    opacity .52s ease,
    visibility .52s ease;
}

.ref-menu-overlay.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.ref-menu-sheet{
  opacity:0;
  transform:translateY(-28px) scale(.992);
  transition:
    opacity .62s ease .10s,
    transform .68s cubic-bezier(.18,.78,.22,1) .10s;
  animation:none !important;
}

.ref-menu-overlay.open .ref-menu-sheet{
  opacity:1;
  transform:translateY(0) scale(1);
}

.ref-menu-brand,
.ref-menu-nav,
.ref-menu-bottom{
  opacity:0;
  transform:translateY(12px);
  transition:
    opacity .48s ease .26s,
    transform .52s ease .26s;
}

.ref-menu-overlay.open .ref-menu-brand,
.ref-menu-overlay.open .ref-menu-nav,
.ref-menu-overlay.open .ref-menu-bottom{
  opacity:1;
  transform:translateY(0);
}

.ref-menu-close .ref-close-x i{
  transition:transform .36s ease,opacity .28s ease;
}

.ref-menu-overlay.open .ref-menu-close .ref-close-x i:first-child{
  transform:rotate(45deg);
}

.ref-menu-overlay.open .ref-menu-close .ref-close-x i:last-child{
  transform:rotate(-45deg);
}

@media(prefers-reduced-motion:reduce){
  .ref-menu-trigger .ref-bars i,
  .ref-menu-overlay,
  .ref-menu-sheet,
  .ref-menu-brand,
  .ref-menu-nav,
  .ref-menu-bottom{
    transition:none !important;
  }
}


/* FRONT NAVIGATION RUNTIME SETTINGS */
:root{
  --ref-accent:#c89b45;
  --ref-header-text:#f2ece3;
  --ref-menu-text:#f0e8de;
  --ref-menu-speed:520ms;
  --ref-panel-inset:38px;
}

.ref-menu-trigger{
  color:var(--ref-header-text) !important;
}
.ref-bars i,
.ref-close-x i{
  background:var(--ref-accent) !important;
}
.ref-menu-book{
  border-color:var(--ref-accent) !important;
}
.ref-menu-nav>a,
.ref-menu-group-toggle{
  color:var(--ref-menu-text);
}
.ref-menu-nav>a:hover,
.ref-menu-group-toggle:hover{
  color:var(--ref-accent) !important;
}

.ref-header-logo-img,
.ref-menu-logo-img{
  display:block;
  max-height:66px;
  height:auto;
  object-fit:contain;
}

.ref-menu-logo-img{
  margin:5px auto 12px;
  max-height:88px;
}

.ref-header-actions{
  gap:10px !important;
}
.ref-contact-action{
  width:auto !important;
  min-width:38px;
  padding:0 10px;
  gap:7px;
  display:flex !important;
  align-items:center;
  border-radius:999px !important;
  color:var(--ref-accent) !important;
  white-space:nowrap;
}
.ref-contact-action small{
  color:var(--ref-header-text);
  font-size:.68rem;
  letter-spacing:.02em;
}

.ref-menu-overlay{
  transition:
    opacity var(--ref-menu-speed) ease,
    visibility var(--ref-menu-speed) ease !important;
}
.ref-menu-sheet{
  transition:
    opacity var(--ref-menu-speed) ease .08s,
    transform var(--ref-menu-speed) cubic-bezier(.18,.78,.22,1) .08s !important;
}

@media(max-width:900px){
  .ref-contact-action small{
    display:none;
  }
  .ref-contact-action{
    padding:0;
    width:38px !important;
  }
}


/* OVERLAY WATERMARK + ADMIN SIDEBAR CLEANUP */

/* Remove the large decorative 7C from the fullscreen overlay. */
.ref-menu-watermark{
  display:none !important;
}

/* Keep the fullscreen menu visually balanced after removing the watermark. */
.ref-menu-sheet{
  background-position:center center !important;
}


/* RESORT 7 CRAI LOGO */
.ref-header-logo-img{
  width:82px;
  max-height:68px;
  object-fit:contain;
  filter:drop-shadow(0 5px 15px rgba(0,0,0,.28));
}
.ref-menu-logo-img{
  width:112px;
  max-height:112px;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.30));
}
@media(max-width:760px){
  .ref-header-logo-img{width:66px;max-height:56px}
  .ref-menu-logo-img{width:92px;max-height:92px}
}

/* PREMIUM GOLD ACCOMMODATION BUTTONS - Hotel + cabins */
.ref-menu-subgrid{
  gap:12px;
  padding:8px 0 14px;
}

.ref-menu-subgrid a{
  position:relative;
  isolation:isolate;
  min-height:58px;
  padding:0 42px 0 22px;
  overflow:hidden;
  border:1px solid rgba(229,195,124,.48);
  border-radius:0;
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);
  background:
    linear-gradient(135deg,rgba(229,195,124,.09),rgba(200,155,69,.025) 42%,rgba(0,0,0,.08)),
    #11100e;
  color:#f5eee4;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.82rem;
  font-weight:500;
  letter-spacing:.075em;
  text-shadow:0 1px 0 rgba(0,0,0,.55);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    inset 0 0 28px rgba(200,155,69,.035);
  transition:
    transform .24s ease,
    border-color .24s ease,
    color .24s ease,
    background .28s ease,
    box-shadow .28s ease;
}

.ref-menu-subgrid a::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,236,187,.18) 45%,transparent 68%);
  transform:translateX(-130%);
  transition:transform .55s cubic-bezier(.2,.7,.2,1);
}

.ref-menu-subgrid a::after{
  content:"◆";
  position:absolute;
  right:17px;
  top:50%;
  transform:translateY(-50%) scale(.72);
  color:var(--ref-accent,var(--menu-gold));
  font-size:.68rem;
  text-shadow:0 0 12px rgba(229,195,124,.38);
  transition:transform .24s ease,color .24s ease;
}

.ref-menu-subgrid a:hover,
.ref-menu-subgrid a:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(245,215,149,.95);
  background:
    linear-gradient(135deg,#f0d08c 0%,#c89b45 52%,#a9782f 100%);
  color:#090806;
  text-shadow:none;
  box-shadow:
    0 12px 30px rgba(0,0,0,.28),
    0 0 0 1px rgba(229,195,124,.14),
    0 0 24px rgba(200,155,69,.15);
}

.ref-menu-subgrid a:hover::before,
.ref-menu-subgrid a:focus-visible::before{
  transform:translateX(130%);
}

.ref-menu-subgrid a:hover::after,
.ref-menu-subgrid a:focus-visible::after{
  color:#151008;
  transform:translateY(-50%) scale(.9) rotate(45deg);
}

.ref-menu-subgrid a:active{
  transform:translateY(0);
}

@media(max-width:760px){
  .ref-menu-subgrid{gap:9px;padding:7px 0 12px}
  .ref-menu-subgrid a{
    min-height:52px;
    padding:0 34px 0 14px;
    font-size:.73rem;
    letter-spacing:.055em;
    clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);
  }
  .ref-menu-subgrid a::after{right:13px}
}

@media(max-width:430px){
  .ref-menu-subgrid{grid-template-columns:1fr;gap:8px}
  .ref-menu-subgrid a{min-height:50px;font-size:.76rem}
}

@media(prefers-reduced-motion:reduce){
  .ref-menu-subgrid a,
  .ref-menu-subgrid a::before,
  .ref-menu-subgrid a::after{transition:none!important}
}

/* PREMIUM BLACK & GOLD OPEN-MENU TOP BAR */
.ref-menu-overlay{
  background:#080706!important;
  color:#f4eadb!important;
}
.ref-menu-top{
  position:relative;
  background:
    radial-gradient(circle at 50% 140%,rgba(200,155,69,.13),transparent 52%),
    linear-gradient(180deg,#15110d 0%,#0b0907 100%)!important;
  border-bottom:1px solid rgba(229,195,124,.48);
  box-shadow:0 9px 30px rgba(0,0,0,.34),inset 0 -1px 0 rgba(200,155,69,.12);
}
.ref-menu-top::after{
  content:"";
  position:absolute;
  left:30px;
  right:30px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(229,195,124,.72),transparent);
  pointer-events:none;
}
.ref-menu-close{
  min-height:48px;
  padding:5px 15px 5px 8px;
  border:1px solid rgba(229,195,124,.52)!important;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(200,155,69,.12),rgba(255,255,255,.015))!important;
  color:#f1dfb9!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
  transition:border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease,color .22s ease;
}
.ref-menu-close .ref-close-x{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border:1px solid rgba(229,195,124,.72);
  border-radius:50%;
  background:linear-gradient(135deg,#d3a951,#9b6d22);
  box-shadow:0 5px 14px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.28);
}
.ref-menu-close .ref-close-x i{
  left:8px;
  top:17px;
  width:20px;
  height:1.5px;
  background:#090806!important;
}
.ref-menu-close b{
  color:inherit;
  font-weight:650;
}
.ref-menu-close:hover,
.ref-menu-close:focus-visible{
  border-color:#e5c37c!important;
  background:linear-gradient(135deg,rgba(229,195,124,.21),rgba(200,155,69,.07))!important;
  color:#fff0cf!important;
  box-shadow:0 8px 24px rgba(0,0,0,.24),0 0 0 1px rgba(229,195,124,.08);
  transform:translateY(-1px);
}
.ref-menu-book{
  min-width:190px;
  min-height:48px;
  padding:0 24px!important;
  border:1px solid #d6ad5d!important;
  border-radius:999px;
  background:linear-gradient(135deg,#e6c77d 0%,#c99b45 52%,#a87529 100%)!important;
  color:#0b0906!important;
  box-shadow:0 7px 22px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.4);
  text-shadow:0 1px 0 rgba(255,255,255,.18);
  transition:filter .22s ease,transform .22s ease,box-shadow .22s ease;
}
.ref-menu-book:hover,
.ref-menu-book:focus-visible{
  filter:brightness(1.08);
  transform:translateY(-1px);
  box-shadow:0 10px 28px rgba(0,0,0,.38),0 0 0 1px rgba(229,195,124,.16),inset 0 1px 0 rgba(255,255,255,.48);
}
.ref-menu-overlay.ref-layout-menu-right .ref-menu-close{
  padding:5px 8px 5px 15px;
}
@media(max-width:760px){
  .ref-menu-top::after{left:16px;right:16px}
  .ref-menu-close{min-height:44px;padding:4px 12px 4px 6px;gap:9px}
  .ref-menu-overlay.ref-layout-menu-right .ref-menu-close{padding:4px 6px 4px 12px}
  .ref-menu-close .ref-close-x{width:32px;height:32px;flex-basis:32px}
  .ref-menu-close .ref-close-x i{left:7px;top:15px;width:18px}
  .ref-menu-book{min-height:44px;padding:0 15px!important}
}
@media(prefers-reduced-motion:reduce){
  .ref-menu-close,.ref-menu-book{transition:none!important}
}

/* v28 BILINGUAL RO/EN SWITCHER */
.site-lang-switch{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:3px;border:1px solid rgba(229,195,124,.30);border-radius:999px;background:rgba(8,8,8,.46);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap}
.site-lang-switch a{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border:0!important;border-radius:999px!important;color:rgba(242,236,227,.68)!important;background:transparent!important;font-size:.62rem!important;font-weight:800!important;line-height:1!important;letter-spacing:.08em!important;text-decoration:none!important;transition:background .2s ease,color .2s ease,box-shadow .2s ease!important}
.site-lang-switch a:hover{color:#fff!important;background:rgba(229,195,124,.12)!important}
.site-lang-switch a.active{color:#0b0a08!important;background:linear-gradient(135deg,var(--ref-accent,#c89b45),#ead08d)!important;box-shadow:0 5px 14px rgba(0,0,0,.2)}
.ref-header-actions>.site-lang-switch{margin-right:2px}
.ref-menu-top .site-lang-switch-menu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;background:#f6f3ee;border-color:rgba(157,116,45,.28);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.ref-menu-top .site-lang-switch-menu a{color:#6f6559!important}.ref-menu-top .site-lang-switch-menu a.active{color:#111!important}
@media(max-width:760px){
  .site-lang-switch-header{display:none!important}
  .ref-menu-top .site-lang-switch-menu{left:50%;padding:2px}
  .ref-menu-top .site-lang-switch-menu a{width:27px!important;height:27px!important;min-width:27px!important;font-size:.58rem!important}
}
@media(max-width:430px){
  .ref-menu-top .site-lang-switch-menu{top:auto;bottom:-44px;background:rgba(10,9,8,.94);border-color:rgba(229,195,124,.35)}
  .ref-menu-top .site-lang-switch-menu a{color:#d8d0c4!important}
}
/* v28 language switch occupies the real middle column in the fullscreen menu. */
.ref-menu-top{grid-template-columns:1fr auto 1fr!important}
.ref-menu-top .site-lang-switch-menu{position:static!important;grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;transform:none!important}
.ref-menu-top .ref-menu-close{grid-column:1!important}.ref-menu-top .ref-menu-book{grid-column:3!important}
.ref-menu-overlay.ref-layout-menu-right .ref-menu-top .ref-menu-close{grid-column:3!important}.ref-menu-overlay.ref-layout-menu-right .ref-menu-top .ref-menu-book{grid-column:1!important}
@media(max-width:430px){.ref-menu-top .site-lang-switch-menu{position:static!important;background:#f6f3ee!important;border-color:rgba(157,116,45,.28)!important}.ref-menu-top .site-lang-switch-menu a{color:#6f6559!important}.ref-menu-top .ref-menu-book{font-size:.58rem!important;letter-spacing:.07em!important}.ref-menu-close b{display:none}}
