.elementor-1882 .elementor-element.elementor-element-8477b47{--display:flex;--position:fixed;--padding-top:125px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1882 .elementor-element.elementor-element-8477b47{left:0px;}body.rtl .elementor-1882 .elementor-element.elementor-element-8477b47{right:0px;}body:not(.rtl) .elementor-1882 .elementor-element.elementor-element-1b1e611{left:0px;}body.rtl .elementor-1882 .elementor-element.elementor-element-1b1e611{right:0px;}.elementor-1882 .elementor-element.elementor-element-1b1e611{top:0px;}.elementor-1882 .elementor-element.elementor-element-e3cf9e8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1882 .elementor-element.elementor-element-8099830{--display:flex;--min-height:550px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.38;border-style:none;--border-style:none;}.elementor-1882 .elementor-element.elementor-element-8099830:not(.elementor-motion-effects-element-type-background), .elementor-1882 .elementor-element.elementor-element-8099830 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.balneareantonio.it/wp-content/uploads/2026/03/balneare-antonio-come-eravamo0001.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1882 .elementor-element.elementor-element-8099830::before, .elementor-1882 .elementor-element.elementor-element-8099830 > .elementor-background-video-container::before, .elementor-1882 .elementor-element.elementor-element-8099830 > .e-con-inner > .elementor-background-video-container::before, .elementor-1882 .elementor-element.elementor-element-8099830 > .elementor-background-slideshow::before, .elementor-1882 .elementor-element.elementor-element-8099830 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1882 .elementor-element.elementor-element-8099830 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1C2127;--background-overlay:'';}.elementor-1882 .elementor-element.elementor-element-8099830 > .elementor-shape-bottom .elementor-shape-fill, .elementor-1882 .elementor-element.elementor-element-8099830 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFFCF;}.elementor-1882 .elementor-element.elementor-element-8099830 > .elementor-shape-bottom svg, .elementor-1882 .elementor-element.elementor-element-8099830 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:150px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1882 .elementor-element.elementor-element-6e676c2{text-align:center;}.elementor-1882 .elementor-element.elementor-element-6e676c2 .elementor-heading-title{font-family:"Caveat", Sans-serif;font-size:95px;font-weight:600;color:#FFFFFF;}.elementor-1882 .elementor-element.elementor-element-ebdcfa5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:20px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1882 .elementor-element.elementor-element-ebdcfa5:not(.elementor-motion-effects-element-type-background), .elementor-1882 .elementor-element.elementor-element-ebdcfa5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BAF7FF36;}.elementor-1882 .elementor-element.elementor-element-94e5b0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1882 .elementor-element.elementor-element-cfd382b{font-family:"Lora", Sans-serif;font-size:18px;font-weight:400;line-height:32px;color:#333333;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1882 .elementor-element.elementor-element-7c8b6a5 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-1882 .elementor-element.elementor-element-7c8b6a5 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-1882 .elementor-element.elementor-element-7c8b6a5{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-1882 .elementor-element.elementor-element-8477b47{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1882 .elementor-element.elementor-element-e3cf9e8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1882 .elementor-element.elementor-element-8099830{--min-height:357px;}.elementor-1882 .elementor-element.elementor-element-ebdcfa5{--padding-top:020px;--padding-bottom:050px;--padding-left:30px;--padding-right:30px;}}@media(max-width:1200px){.elementor-1882 .elementor-element.elementor-element-8099830{--min-height:320px;}.elementor-1882 .elementor-element.elementor-element-8099830 > .elementor-shape-bottom svg, .elementor-1882 .elementor-element.elementor-element-8099830 > .e-con-inner > .elementor-shape-bottom svg{height:67px;}.elementor-1882 .elementor-element.elementor-element-6e676c2 .elementor-heading-title{font-size:60px;}.elementor-1882 .elementor-element.elementor-element-ebdcfa5{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:020px 0px;--row-gap:020px;--column-gap:0px;}.elementor-1882 .elementor-element.elementor-element-94e5b0d{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:1024px){.elementor-1882 .elementor-element.elementor-element-ebdcfa5{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;}}@media(max-width:880px){.elementor-1882 .elementor-element.elementor-element-ebdcfa5{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-1882 .elementor-element.elementor-element-8477b47{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-1882 .elementor-element.elementor-element-e3cf9e8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1882 .elementor-element.elementor-element-8099830{--min-height:151px;}.elementor-1882 .elementor-element.elementor-element-8099830 > .elementor-shape-bottom svg, .elementor-1882 .elementor-element.elementor-element-8099830 > .e-con-inner > .elementor-shape-bottom svg{height:48px;}.elementor-1882 .elementor-element.elementor-element-6e676c2 .elementor-heading-title{font-size:50px;}.elementor-1882 .elementor-element.elementor-element-ebdcfa5{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}}@media(min-width:768px){.elementor-1882 .elementor-element.elementor-element-e3cf9e8{--content-width:100%;}.elementor-1882 .elementor-element.elementor-element-ebdcfa5{--content-width:1440px;}.elementor-1882 .elementor-element.elementor-element-94e5b0d{--width:100%;}}@media(max-width:1200px) and (min-width:768px){.elementor-1882 .elementor-element.elementor-element-94e5b0d{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1882 .elementor-element.elementor-element-94e5b0d{--width:100%;}}@media(min-width:2400px){.elementor-1882 .elementor-element.elementor-element-8477b47{--padding-top:125px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1882 .elementor-element.elementor-element-e3cf9e8{--content-width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1882 .elementor-element.elementor-element-8099830{--min-height:610px;}.elementor-1882 .elementor-element.elementor-element-ebdcfa5{--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:20px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-1b1e611 *//* ============================================================
   MENU CATEGORIE (.cat_mobile) - FULL + TAP FEEDBACK GARANTITO
   ============================================================ */

/* CONTAINER */
.cat_mobile{
  background:#fff !important;
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  padding:0px 0 !important;

  width:100vw !important;
  margin-left:calc(-50vw + 50%) !important;
  margin-right:calc(-50vw + 50%) !important;
}

/* STICKY MOBILE */
@media (max-width: 932px){
  .cat_mobile{
    position:sticky !important;
    top:0 !important;
    z-index:9999 !important;
  }
}

/* UL */
.cat_mobile .elementor-nav-menu.elementor-nav-menu--main,
.cat_mobile .elementor-nav-menu{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;

  overflow-x:auto !important;
  overflow-y:hidden !important;

  gap:12px !important;
  padding:10px 20px !important;
  margin:0 !important;

  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
  touch-action:pan-x;
}

.cat_mobile .elementor-nav-menu::-webkit-scrollbar{ display:none !important; }

/* LI */
.cat_mobile .elementor-nav-menu > li{
  flex:0 0 auto !important;
  list-style:none !important;
  margin:0 !important;
}

/* LINK BASE */
.cat_mobile .elementor-nav-menu > li > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:10px 18px !important;
  border:2px solid #565352 !important;
  border-radius:999px !important;

  white-space:nowrap !important;
  font-weight:700 !important;

  background:#FDF6EAC9 !important;
  color:#000 !important;

  text-decoration:none !important;

  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;

  transition: background-color .12s ease, color .12s ease, border-color .12s ease, transform .12s ease;
}

/* HOVER SOLO DESKTOP (qui lo vedi solo con mouse) */
@media (hover:hover) and (pointer:fine){
  .cat_mobile .elementor-nav-menu > li > a:hover{
    background:#082c2f !important;
    color:#fff !important;
    border-color:#898064 !important;
  }
}

/* ===========================
   TAP FEEDBACK MOBILE (VERO)
   =========================== */

/* 1) Active sul link: mentre premi */
.cat_mobile .elementor-nav-menu > li > a:active{
  background:#082c2f !important;
  color:#fff !important;
  border-color:#898064 !important;
  transform:scale(.985) !important;
}

/* 2) Focus sul link: dopo il tap (iOS/Android) */
@media (hover:none) and (pointer:coarse){
  .cat_mobile .elementor-nav-menu > li > a:focus,
  .cat_mobile .elementor-nav-menu > li > a:focus-visible{
    background:#082c2f !important;
    color:#fff !important;
    border-color:#898064 !important;
    outline:none !important;
    box-shadow:none !important;
  }

  /* 3) Ancora più affidabile: se il LI contiene focus */
  .cat_mobile .elementor-nav-menu > li:focus-within > a{
    background:#082c2f !important;
    color:#fff !important;
    border-color:#898064 !important;
  }
}

/* ACTIVE/CURRENT (quando sei già nella pagina) */
.cat_mobile .elementor-nav-menu > li.current-menu-item > a,
.cat_mobile .elementor-nav-menu > li.current-menu-ancestor > a,
.cat_mobile .elementor-nav-menu a[aria-current="page"]{
  background:#082c2f !important;
  color:#fff !important;
  border-color:#898064 !important;
}

/* HOME: forza Bolle attivo (se ti serve) */
body.home .cat_mobile .elementor-nav-menu > li.menu-bolle > a{
  background:#082c2f !important;
  color:#fff !important;
  border-color:#898064 !important;
}

/* Non bloccare sticky con parent (limitato all’header) */
.elementor-location-header,
.elementor-location-header .elementor-container,
.elementor-location-header .e-con{
  overflow:visible !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e6a22ad *//* =========================
   MENU CATEGORIE (STICKY SOLO MOBILE)
========================= */

/* Desktop: niente sticky */
.menu-cats{
  position: relative;
  z-index: auto;
  background: #fff;
  border-bottom: 0px solid rgba(0,0,0,.08);
  padding: 6px 0 !important;
}

/* Mobile: sticky */
@media (max-width: 767px){
  .menu-cats{
    position: sticky;
    /* lascia spazio all’header sopra (regola questo valore) */
    top: 70px;

    /* IMPORTANTISSIMO: deve stare sotto l’header/hamburger */
    z-index: 50;
  }

  /* Assicura che l’header stia sopra */
  .elementor-location-header{
    position: relative;
    z-index: 200;
  }
}

/* Se qualche parent blocca lo sticky (overflow/transform), forza overflow visibile
   (meglio farlo in Elementor, ma questo aiuta) */
.elementor-location-header,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container,
.elementor-location-header .e-con{
  overflow: visible !important;
}

/* =========================
   UL MENU (SCROLL ORIZZ.)
========================= */
.menu-cats .elementor-nav-menu{
  display: flex !important;
  flex-wrap: nowrap !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  gap: 12px !important;
  padding: 10px 12px !important;
  margin: 0 !important;

  -webkit-overflow-scrolling: touch;
  scroll-padding-left: 12px;
  scroll-padding-right: 12px;
  scroll-snap-type: x mandatory;

  /* migliora il touch scroll su iOS */
  touch-action: pan-x;
}

.menu-cats .elementor-nav-menu::-webkit-scrollbar{ display:none; }
.menu-cats .elementor-nav-menu{ scrollbar-width:none; }

.menu-cats .elementor-nav-menu > li{
  flex: 0 0 auto !important;
  margin: 0 !important;
  scroll-snap-align: center;
}

/* =========================
   PILLS (nuova palette + hover corretto su mobile)
========================= */

/* BASE */
.menu-cats .elementor-nav-menu > li > a{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  border: 2px solid #565352 !important;
  border-radius: 999px !important;

  padding: 10px 16px !important;
  white-space: nowrap !important;

  /* fallback + colore con trasparenza */
  background: rgba(253, 246, 234, 0.79) !important; /* fallback */
  background: #FDF6EAC9 !important;

  color: #000000 !important;

  line-height: 1.1;
  text-decoration: none !important;

  /* opzionale: transizione più “premium” */
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;

  /* evita highlight “strani” su tap */
  -webkit-tap-highlight-color: transparent;
}

/* HOVER SOLO DESKTOP (evita hover appiccicato su mobile/iOS) */
@media (hover: hover) and (pointer: fine) {
  .menu-cats .elementor-nav-menu > li > a:hover{
    background: #082c2f !important;
    color: #FFFFFF !important;
    border-color: #898064 !important;
  }
}

/* DISATTIVA EFFETTI FOCUS (che su mobile rimangono “attaccati”) */
.menu-cats .elementor-nav-menu > li > a:focus,
.menu-cats .elementor-nav-menu > li > a:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

/* ATTIVO / CURRENT */
.menu-cats .elementor-nav-menu > li.current-menu-item > a,
.menu-cats .elementor-nav-menu > li.current-menu-ancestor > a,
.menu-cats .elementor-nav-menu a[aria-current="page"]{
  background: #082c2f !important;
  color: #FFFFFF !important;
  border-color: #898064 !important;
}

/* HOME: forza Antipasti attivo (se ti serve ancora) */
body.home .menu-cats .elementor-nav-menu > li.menu-bolle > a{
  background: #082c2f !important;
  color: #FFFFFF !important;
  border-color: #898064 !important;
}

/* ===== MENU CATEGORIE: usa lo stile "mobile" anche su desktop ===== */
nav.menu-cats .elementor-nav-menu > li > a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 2px solid #565352 !important;
  border-radius: 999px !important;

  padding: 10px 16px !important;    /* valori che vedo nel mobile */
  white-space: nowrap !important;

  background: #FDFEAC9 !important;  /* se questo è un refuso, vedi nota sotto */
  color: #000 !important;

  font-weight: 700 !important;
  line-height: 1.1 !important;

  text-decoration: none !important;
}

/* Stato attivo: replica il mobile (verde scuro) */
nav.menu-cats .elementor-nav-menu > li.current-menu-item > a,
nav.menu-cats .elementor-nav-menu > li.current-menu-ancestor > a,
nav.menu-cats .elementor-nav-menu > li > a.elementor-item-active{
  background: #0f3e3f !important;
  color: #fff !important;
}/* End custom CSS */