/* ==========================================================================
   Taormina Tour Suite 8.2.0
   Header menu compaction + social cluster + first-visit splash
   ========================================================================== */

/* ---------- DESKTOP HEADER: one line, tighter and more balanced ---------- */
@media (min-width:981px){
  body.tt-v7 .ttv6-header .et_pb_row{
    width:min(96%,1360px)!important;
    max-width:1360px!important;
    flex-wrap:nowrap!important;
  }

  /* Slightly reduce logo footprint so navigation has room without wrapping. */
  body.tt-v7 .ttv6-header .et_pb_image img{
    max-width:154px!important;
  }

  /* Main nav: no wrapping. */
  body.tt-v7 .ttv6-header .et_pb_menu__menu,
  body.tt-v7 .ttv6-header .et_pb_menu__menu>nav,
  body.tt-v7 .ttv6-header .et_pb_menu__menu>nav>ul{
    white-space:nowrap!important;
    flex-wrap:nowrap!important;
  }

  body.tt-v7 .ttv6-header .et_pb_menu__menu>nav>ul{
    gap:0!important;
  }

  body.tt-v7 .ttv6-header .et_pb_menu__menu>nav>ul>li{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  body.tt-v7 .ttv6-header .et_pb_menu__menu>nav>ul>li>a{
    font-size:13px!important;
  }

  /* Social icons form a compact visual cluster. */
  body.tt-v7 .ttv6-header li.tts-facebook-menu-item,
  body.tt-v7 .ttv6-header li.tts-facebook-group-menu-item,
  body.tt-v7 .ttv6-header li.tts-instagram-menu-item{
    padding-left:3px!important;
    padding-right:3px!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.tt-v7 .ttv6-header li.tts-facebook-menu-item>a,
  body.tt-v7 .ttv6-header li.tts-facebook-group-menu-item>a,
  body.tt-v7 .ttv6-header li.tts-instagram-menu-item>a{
    width:27px!important;
    min-width:27px!important;
    padding-left:3px!important;
    padding-right:3px!important;
    justify-content:center!important;
  }

  body.tt-v7 .ttv6-header .tts-facebook-icon{
    width:18px!important;height:18px!important;
  }
  body.tt-v7 .ttv6-header .tts-facebook-group-icon{
    width:20px!important;height:20px!important;
  }
  body.tt-v7 .ttv6-header .tts-instagram-icon{
    width:19px!important;height:19px!important;
  }
}

/* ---------- FIRST-VISIT SPLASH ---------- */
html.tts820-splash-active,
html.tts820-splash-active body{
  overflow:hidden!important;
}

.tts820-splash{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100vw;
  height:100vh;
  background:#FFFFFF;
  opacity:1;
  visibility:visible;
  transition:opacity .7s ease,visibility .7s ease;
}

.tts820-splash-inner{
  width:min(72vw,760px);
  display:flex;
  align-items:center;
  justify-content:center;
}

.tts820-splash-logo{
  display:block;
  width:100%;
  max-width:760px;
  max-height:62vh;
  height:auto;
  object-fit:contain;
  animation:tts820-logo-in .75s ease both;
}

.tts820-splash.tts820-splash-hide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

@keyframes tts820-logo-in{
  from{opacity:0;transform:scale(.965)}
  to{opacity:1;transform:scale(1)}
}

@media(max-width:767px){
  .tts820-splash-inner{width:82vw}
  .tts820-splash-logo{max-height:48vh}
}

@media(prefers-reduced-motion:reduce){
  .tts820-splash,
  .tts820-splash-logo{
    animation:none!important;
    transition:none!important;
  }
}