:root{
  --esh-red:#f51f2b;
  --esh-ink:#122a3a;
  --esh-muted:#687783;
  --esh-line:#e7ebee;
  --esh-soft:#f6f7f8;
  --esh-max:1320px;
}

/* Replace the native Travel Monster / Elementor header globally.
   The EcoSapa header remains untouched because it uses the .esh namespace. */
body.esh-header-active #masthead,
body.esh-header-active #site-header,
body.esh-header-active header.site-header:not(.esh),
body.esh-header-active .site-header:not(.esh),
body.esh-header-active .site-header-wrap:not(.esh),
body.esh-header-active .site-header-wrapper:not(.esh),
body.esh-header-active .main-header:not(.esh),
body.esh-header-active .header-main:not(.esh),
body.esh-header-active .header-wrapper:not(.esh),
body.esh-header-active .mobile-header,
body.esh-header-active .mobile-header-wrap,
body.esh-header-active .top-header,
body.esh-header-active .header-top,
body.esh-header-active .top-bar,
body.esh-header-active .topbar,
body.esh-header-active nav.sitenav,
body.esh-header-active .mob-menu.pro-mobile-menu,
body.esh-header-active #mobMenu.pro-mobile-menu,
body.esh-header-active [data-elementor-type="header"],
/* Top-level semantic headers used by custom/child templates. Keep content/article headers intact. */
body.esh-header-active > header:not(.esh):not([data-esh-header]),
body.esh-header-active > #page > header:not(.esh):not([data-esh-header]),
body.esh-header-active > #page > .site-header-row,
body.esh-header-active > #page > .ecosapa-header,
body.esh-header-active > #page > .ecosapa-bus-header {
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
}


.esh,
.esh *{box-sizing:border-box}
.esh{
  position:relative;
  z-index:9998;
  width:100%;
  background:#fff;
  border-bottom:1px solid var(--esh-line);
  font-family:Manrope,Arial,sans-serif;
  color:var(--esh-ink);
}
.esh__inner{
  width:min(var(--esh-max),calc(100% - 40px));
  min-height:78px;
  margin:0 auto;
  display:flex;
  align-items:stretch;
  gap:18px;
}
.esh__brand{
  width:205px;
  min-width:205px;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--esh-ink);
  text-decoration:none;
}
.esh-logo-img{
  display:block;
  max-width:185px;
  max-height:54px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.esh__brand-mark{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:var(--esh-red);color:#fff;font-weight:800;font-size:22px;
}
.esh__brand-name{font-size:20px;font-weight:800;white-space:nowrap}

.esh__nav{
  display:flex;
  align-items:stretch;
  margin-left:8px;
}
.esh__item{
  position:relative;
  display:flex;
  align-items:stretch;
}
.esh__top-link{
  display:flex;
  align-items:center;
  padding:0 20px;
  min-height:78px;
  text-decoration:none;
  color:#1d2730;
  font-size:15.5px;
  font-weight:700;
  white-space:nowrap;
  border-bottom:3px solid transparent;
  transition:.18s ease;
}
.esh__item:hover>.esh__top-link,
.esh__item:focus-within>.esh__top-link{
  color:var(--esh-red);
  border-bottom-color:var(--esh-red);
}
.esh__caret{display:none}

.esh__tools{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
}
.esh__language-slot{
  min-width:58px;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:10020;
}
.esh-lang{position:relative;display:inline-flex;z-index:10020}
.esh-lang__button{
  min-width:58px;height:46px;padding:4px 9px 4px 6px;
  display:flex;align-items:center;justify-content:center;gap:6px;
  background:#fff;border:1px solid #dfe4e7;border-radius:999px;
  box-shadow:0 3px 10px rgba(20,35,45,.08);
  color:#263844;cursor:pointer;font:700 13px/1 Manrope,Arial,sans-serif;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.esh-lang__button:hover,
.esh-lang.is-open .esh-lang__button{
  border-color:#98aba5;box-shadow:0 6px 18px rgba(20,35,45,.12);background:#fff;
}
.esh-lang__flag{
  width:34px;height:34px;display:block;overflow:hidden;border-radius:50%;
  background:#fff;box-shadow:0 0 0 1px rgba(18,42,58,.13),0 2px 7px rgba(18,42,58,.12);
}
.esh-lang__flag img,
.esh-lang__item-flag img{display:block;width:100%;height:100%;object-fit:cover}
.esh-lang__label{display:none}
.esh-lang__chevron{
  width:7px;height:7px;display:block;margin-left:1px;
  border-right:1.8px solid #52616c;border-bottom:1.8px solid #52616c;
  transform:rotate(45deg) translateY(-2px);transition:transform .16s ease;
}
.esh-lang.is-open .esh-lang__chevron{transform:rotate(225deg) translate(-1px,-1px)}
.esh-lang__menu{
  display:none;position:absolute;top:calc(100% + 9px);right:0;
  width:250px;max-height:min(430px,calc(100vh - 100px));overflow:auto;
  padding:9px;background:#fff;border:1px solid #dfe4e7;border-radius:16px;
  box-shadow:0 16px 38px rgba(18,42,58,.17);z-index:10030;
}
.esh-lang.is-open .esh-lang__menu{display:block}
.esh-lang__title{
  padding:6px 11px 9px;color:#667680;font-size:11px;font-weight:800;
  line-height:1.25;text-transform:uppercase;letter-spacing:.075em;
}
.esh-lang__item{
  width:100%;min-height:47px;padding:7px 10px;border:0;border-radius:10px;background:transparent;
  display:grid;grid-template-columns:38px 1fr 20px;gap:9px;align-items:center;
  color:#182a36;text-align:left;cursor:pointer;font:650 14px/1.2 Manrope,Arial,sans-serif;
}
.esh-lang__item:hover{background:#f3f7f6;color:#0d6656}
.esh-lang__item.is-active{background:#eaf6f1;color:#0d6656;font-weight:800}
.esh-lang__item-flag{
  width:34px;height:34px;border-radius:50%;overflow:hidden;background:#fff;
  box-shadow:0 0 0 1px rgba(18,42,58,.11),0 2px 6px rgba(18,42,58,.08);
}
.esh-lang__check{font-size:16px;font-weight:900;text-align:center;color:#0d6656}
.esh__translate-host{
  position:absolute!important;left:-99999px!important;top:-99999px!important;
  width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;
}
.esh__search{
  height:42px;
  width:230px;
  display:flex;
  align-items:center;
  border-radius:24px;
  background:#f4f5f6;
  border:1px solid #eef0f1;
  overflow:hidden;
}
.esh__search input{
  flex:1;min-width:0;height:100%;border:0!important;background:transparent!important;
  box-shadow:none!important;outline:0;padding:0 8px 0 16px!important;
  color:#26343e;font-size:13.5px!important;font-family:inherit;
}
.esh__search button{
  width:44px;height:100%;border:0;background:transparent;color:#0d2738;
  font-size:22px;font-weight:700;cursor:pointer;
}
.esh__book{
  min-height:44px;
  padding:0 18px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:10px;
  background:var(--esh-red);
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px;font-weight:800;white-space:nowrap;
  box-shadow:0 6px 18px rgba(245,31,43,.15);
}
.esh__book:hover{background:#df111d;color:#fff}

.esh-mega{
  position:absolute;
  top:calc(100% - 1px);
  left:0;
  width:690px;
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  background:#fff;
  border:1px solid #dde2e5;
  border-radius:0 0 10px 10px;
  box-shadow:0 15px 34px rgba(24,39,51,.16);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.esh__item:hover>.esh-mega,
.esh__item:focus-within>.esh-mega,
.esh__item.is-open>.esh-mega{
  opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;
}
.esh-mega--cruises{width:600px}
.esh-mega__rail{
  padding:10px 0;
  background:#f3f4f5;
  border-right:1px solid #e4e7e9;
}
.esh-mega__rail a{
  display:block;
  padding:12px 18px;
  color:#18242d;
  font-size:14px;
  line-height:1.35;
  text-decoration:none;
  border-left:3px solid transparent;
}
.esh-mega__rail a:hover,
.esh-mega__rail a.is-active{
  background:#fff;
  color:var(--esh-red);
  border-left-color:var(--esh-red);
}
.esh-mega__content{padding:18px 22px 20px;min-width:0}
.esh-mega__section+.esh-mega__section{
  margin-top:16px;padding-top:15px;border-top:1px solid #e9ecee;
}
.esh-mega__title{
  margin:0 0 10px!important;
  color:#52616c;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:.035em;
}
.esh-mega__links{display:grid;gap:4px 20px}
.esh-mega__links--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.esh-mega__links--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.esh-mega__links a{
  display:block;
  padding:7px 0;
  color:#1b2d38;
  font-size:14px;
  line-height:1.35;
  text-decoration:none;
}
.esh-mega__links a:hover{color:var(--esh-red)}
.esh__mobile-toggle{display:none}

@media (max-width:1180px){
  .esh__inner{width:min(100% - 28px,var(--esh-max));gap:10px}
  .esh__brand{width:165px;min-width:165px}
  .esh-logo-img{max-width:150px}
  .esh__top-link{padding:0 13px;font-size:14px}
  .esh__search{width:185px}
}

@media (max-width:960px){
  .esh__inner{min-height:66px;align-items:center;position:relative}
  .esh__brand{width:auto;min-width:0;flex:1}
  .esh-logo-img{max-width:155px;max-height:46px}
  .esh__mobile-toggle{
    display:flex;width:42px;height:42px;border:1px solid #e1e5e8;background:#fff;border-radius:8px;
    align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0;cursor:pointer;
  }
  .esh__mobile-toggle span:not(.screen-reader-text){width:19px;height:2px;background:#19303f;border-radius:2px}
  .esh__nav{
    display:none;
    position:absolute;
    top:66px;left:0;right:0;
    margin:0;
    background:#fff;
    border:1px solid #dfe4e7;
    box-shadow:0 16px 30px rgba(24,39,51,.14);
    flex-direction:column;
    max-height:calc(100vh - 90px);
    overflow:auto;
  }
  .esh__nav.is-open{display:flex}
  .esh__item{display:grid;grid-template-columns:1fr 46px;border-bottom:1px solid #edf0f2}
  .esh__top-link{min-height:52px;padding:0 16px;border:0!important;font-size:15px}
  .esh__caret{
    display:block;border:0;border-left:1px solid #edf0f2;background:#fff;position:relative;cursor:pointer;
  }
  .esh__caret:after{
    content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;
    border-right:2px solid #53636d;border-bottom:2px solid #53636d;
    transform:translate(-50%,-65%) rotate(45deg);
  }
  .esh__item.is-open>.esh__caret:after{transform:translate(-50%,-35%) rotate(225deg)}
  .esh-mega{
    position:static;grid-column:1/-1;width:100%!important;display:none;
    opacity:1;visibility:visible;transform:none;pointer-events:auto;
    grid-template-columns:1fr;border:0;border-radius:0;box-shadow:none;background:#fafbfb;
  }
  .esh__item.is-open>.esh-mega{display:grid}
  .esh-mega__rail{background:#f3f5f6;border:0;padding:8px 0}
  .esh-mega__rail a{padding:10px 18px}
  .esh-mega__content{padding:16px 18px}
  .esh-mega__links--3,.esh-mega__links--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .esh__tools{margin-left:8px;gap:8px}
  .esh__language-slot{display:flex;min-width:54px}
  .esh-lang__button{height:42px;min-width:54px}
  .esh-lang__flag{width:31px;height:31px}
  .esh__search{display:none}
  .esh__book{min-height:40px;padding:0 14px;font-size:13px}
}

@media (max-width:520px){
  .esh__inner{width:calc(100% - 20px);gap:7px}
  .esh__tools{margin-left:0}
  .esh-lang__menu{position:fixed;top:68px;right:10px;width:min(260px,calc(100vw - 20px));max-height:calc(100vh - 82px)}
  .esh__book{display:none}
  .esh-mega__links--3,.esh-mega__links--2{grid-template-columns:1fr}
}
