/********* CTA fixes ******

.inside-article a,
.inside-article a:hover {
    color: inherit;
}
**/
.gbp-button--primary,
.gbp-button--secondary,
.gbp-button--secondary:is(:hover,:focus),
.gbp-button--primary:is(:hover,:focus),
.site-header a:hover,
.gbp-button--outlined,
.gbp-button--outlined:is(:hover,:focus),
#primary-menu .gbp-button--primary a,
#primary-menu .gbp-button--primary:is(:hover,:focus),
 #mobile-menu li.menu-cta > a:is(:hover,:focus) {
    color: var(--c-white) !important;
}

.site-header a {
  text-decoration:none; 
}

.dark_style.gbp-button--outlined {
 color: var(--c-dark) !important;
}
.dark_style.gbp-button--outlined:is(:hover,:focus) {
 color: var(--c-white) !important;
}

.gbp-button--outlined:is(:hover,:focus) {
 color: var(--c-dark) !important;
}

a.custom-whatsapp-button.gbp-button--wa {
  background-color: #25d366;
  background-image: linear-gradient(to right, #25d366 0%, #25d366 100%);
  color: var(--c-white);
  font-size: 1rem;
  font-weight: 500;
  border-radius: 80px;
  padding: 0.5rem 1rem;
  text-decoration: none;
  display: block;
  text-align: center;
}

/***** fixing MENU MAIN ******/
:where(.gb-submenu-toggle) {
    justify-content: start !important;
}


/***** CTA MENU MAIN ******/
.gbp-button--primary.menu-cta.menu-item.menu-item-type-custom {
    text-align: center;

    white-space: normal;
    max-height: 46px;
    border-bottom: none;
    justify-content: center;
}

.gbp-button--primary.menu-cta.menu-item.menu-item-type-custom a {
  line-height: 46px;
}

/* CTA nel menu: icona SVG a destra del testo */
.gbp-button--primary.menu-cta.menu-item.menu-item-type-custom > a{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* Icona via mask: rimane bianca fissa */
.gbp-button--primary.menu-cta.menu-item.menu-item-type-custom > a::after{
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  -webkit-mask: url("/onadasail/wp-content/uploads/2026/02/btn-sail-icon.svg") no-repeat center / contain;
  mask: url("/onadasail/wp-content/uploads/2026/02/btn-sail-icon.svg") no-repeat center / contain;
  background: var(--c-white);
  left: -8px;
  position: relative;
}


/******** Desktop megamenu *******/
/*** forcing 4 columns on menu guides ****/
@media screen and (max-width:1024px) {
.gbp-mega-menu.gb-element-19e4e289.force-4-cols {
    grid-template-columns: repeat(2,minmax(240px,1fr));
  }
}

@media screen and (min-width:1025px) {
.gbp-mega-menu.gb-element-19e4e289.force-4-cols {
    grid-template-columns: repeat(4,minmax(240px,1fr));
  }
}

.megamenu-last-column {
    height: fit-content !important;
}

/** Megamenu Guides ****/
#mega-guides {
    background: #f8f8f8;
}

#mega-guides a.gbp-mega-menu__link {
  background:  var(--c-brand-light);
}

#mega-guides a.gbp-mega-menu__link:hover {
  background: var(--c-white);
}

a.gbp-mega-menu__link.gb-element-58551212 {
    background: no-repeat !important;
}

/* fixing mobile. menu */
.mobile-menu-container {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  height: calc(100vh - 130px)
}

.mobile-menu-container {
  padding: 1rem !important;
}

#mobile-menu a.gbp-mega-menu__link.gb-element-2075f056 {
    text-align: center;
    justify-content: center;
    display: flex;
}

#mobile-menu span.wp-block-accordion-heading__toggle-title {
    font-weight: 600;
}
#mobile-menu button {
    padding-bottom: 0.5rem;
    background-color: #e5dccd;
    padding-left: 1rem;
    border-radius: 8px;
    padding-right: 1rem;
}

#mobile-menu button[aria-expanded=true] {
    background: var(--c-dark) !important;
    color: var(--c-white) !important;
}


#mobile-menu .wp-block-accordion-heading__toggle-icon {
    font-size: 22px;
}

#mobile-menu #accordion-item-1-panel .gbp-mega-menu__link:last-child,
#mobile-menu #accordion-item-2-panel .gbp-mega-menu__link:last-child,
#mobile-menu #accordion-item-3-panel .gbp-mega-menu__link:last-child,
#mobile-menu #accordion-item-4-panel .gbp-mega-menu__link:last-child {
    border-bottom: none;
}

/** mobile menu close button **/
button.gb-menu-toggle.gb-menu-toggle-feb53fbe.gb-menu-toggle--toggled {
    z-index: 9999999;
}


/*** aggiusta apertura chiusura accordion menu mobile ****/


/*** seleziona nel menu mobile la pagina corrente ****/
.wp-block-accordion-item.is-current-parent > .wp-block-accordion-heading .wp-block-accordion-heading__toggle,
.wp-block-accordion-panel a.is-active-link {
  font-weight: 700;
}

.wp-block-accordion-panel a.is-active-link,
.wp-block-accordion-panel a.is-active-link * {
  color: var(--c-brand);
}

.wp-block-accordion-panel a.is-active-link p.gb-text.gb-text-a81b759c {
    color: var(--c-white);
}

button.gb-menu-toggle.gb-menu-toggle-b8c2287f {
    z-index: 9999999;
}

/******************
      HOMEPAGE
******************/


/********* Tours area ********/

/* Tour cards */

/* Details bullets */
/* =========================
   TOUR DETAILS – CUSTOM BULLETS
   ========================= */

.tour-details-bullets {
  list-style: none;
  padding-left: 0;
  margin: 0;
  text-align: left;
}

.tour-details-bullets li {
  position: relative;
  padding-left: 28px; /* spazio per l'icona */
  margin-bottom: 10px;
  font-size: 15px; /* regola se serve */
  line-height: 1.4;
  color: var(--c-text, #1e2d35); /* fallback */
}

/* Check icon */
.tour-details-bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%232F80ED' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}

/* Fix SVG buh after updating */
.tour-svg svg {
    width: 28px;
    height: 28px;
}

/* Rimuove eventuali marker nativi */
.tour-details-bullets li::marker {
  content: "";
}

/******* tour card image label *******/
.tour-card-image-wrap {
    position: relative;
    overflow: hidden;
}

.tour-image-label {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 3;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    margin: 0;

    border-radius: 999px;
    border: 1px solid rgba(14, 42, 58, 0.10);

    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Popular */
.label-popular .tour-image-label {
    background: #E6F3FA;
    color: #1E7FBE;
    border-color: rgba(37, 150, 209, 0.18);
}

/* Easy */
.label-easy .tour-image-label {
    background: #F2EEE8;
    color: #0E2A3A;
    border-color: rgba(14, 42, 58, 0.10);
}

/* Exclusive */
.label-exclusive .tour-image-label {
    background: #0E2A3A;
    color: #E6F3FA;
    border-color: rgba(230, 243, 250, 0.16);
}

/* Corporate */
.label-corporate .tour-image-label {
    background: rgba(233, 134, 74, 0.16);
    color: #C96E38;
    border-color: rgba(233, 134, 74, 0.24);
}

/* Tour label page TOURS */
.tour-image-label.horiz {
    position: relative;
    top: 17%;
    left: 0;
}
/* Tour turitop button page TOURS */
@media (min-width: 1025px){
  .tours.loading-turitop {
      width: 50%;
  }
  .tour-image-label.horiz {
      left: -40%;
      top: 10%;
  }
}




/***************************
      TOUR DETAIL PAGE
****************************/

/********* Sticky calendar ********/

/* Desktop: sticky sidebar calendario */

@media (min-width: 1025px) {
  .exp-details-grid { 
    overflow: visible; 
  }
  .exp-sidebar{
    position: sticky;
    top: 95px; /* regola: altezza header + un po’ di respiro */
    align-self: flex-start;
    height: fit-content;
    z-index: 5;
  }


}

/* Mobile sticky bottom bar */
@media (max-width: 1025px) {
  .mobile-availability-bar{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    padding: 12px 16px;
    background: #fff;
    box-shadow: 0 -10px 30px rgba(0,0,0,.08);
  }

  /* Aggiusta CTA header */
  .gbp-button--primary.menu-cta.menu-item.menu-item-type-custom {
    margin-top: 2rem;
}

  /* evita che il contenuto finisca sotto la barra sticky */
  body{
    padding-bottom: 84px; /* regola in base all’altezza reale della barra */
  }

  /* nasconde colonna calendrio su mobile */
  .exp-sidebar {
    display:none;
  }
  .exp-content {
    min-width: 100%;
  }

}

/* iOS safe-area */
@supports (padding: max(0px)) {
  @media (max-width: 1025px) {
    .mobile-availability-bar{
      padding-bottom: max(12px, env(safe-area-inset-bottom));
    }
  }
}



/* Details bullets */
/* =========================
   ABOUT – CUSTOM BULLETS
   ========================= */
  .bullet-pills {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding: 12px;
    /* keeps layout stable */
    max-width: 100%;
  }

  /* Pills horizontal scroller - robust */
  ul.wp-block-list.bullet-pills{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px;

    overflow-x: auto !important;
    overflow-y: hidden;
    width: 100%;
    max-width: 100%;

    padding: 0;
    margin: 0;
    list-style: none;

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

  ul.wp-block-list.bullet-pills > li{
    flex: 0 0 auto !important;
    white-space: nowrap;
    scroll-snap-align: start;

    /* IMPORTANT: avoid shrinking */
    min-width: max-content;
  }

  .bullet-pills li {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 999px;
    background-color: var(--c-brand-light); /* soft blue background */
    color: var(--c-dark-grey); /* muted navy text */
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
    transition: all 0.2s ease;
    border: 1px solid #bbc7ce;
  }

  .bullet-pills li:hover {
    background-color: var(--c-brand-light);
    transform: translateX(2px);
  }

  /* target-card pills */
  .centred-content ul {
    justify-content: center;
  }


  /* Optional: hide scrollbar but keep scroll */
  ul.wp-block-list.bullet-pills{
    scrollbar-width: none;          /* Firefox */
    cursor: grab;
  }
  ul.wp-block-list.bullet-pills::-webkit-scrollbar{
    display: none;                   /* Chrome/Safari */
  }
  ul.wp-block-list.bullet-pills.is-dragging{
    cursor: grabbing;
    user-select: none;
  }

  /* Optional: visual hint on desktop that it scrolls */
  @media (hover:hover) and (pointer:fine){
    ul.wp-block-list.bullet-pills{
      cursor: grab;
    }
    ul.wp-block-list.bullet-pills:active{
      cursor: grabbing;
    }
  }

  /*** aggiusta tour card loop services pills ***/
.pills-wrap--card ul.bullet-pills {
    flex-wrap: wrap !important;
}
.pills-wrap--card .bullet-pills li {
    padding: 0.2rem 0.7rem;
    text-transform: capitalize;
}

/* RESERVE BUTTON  */
/* =========================
   TURITOP – bottone MOBILE
   ========================= */

.load-turitop,
a.lightbox-button-turitop-green  {
    background-blend-mode: normal;
    background-color: var(--turitop-selectedday-background) !important;
    background-image: linear-gradient(193deg, #2596d1 0%, #2578d1 100%) !important;
    border-color: var(--c-brand)!important;
    font-size: 1rem !important;
    letter-spacing: 0.6px;
    line-height: 1.5 !important;
    width: 100% !important;
}

a.lightbox-button-turitop:hover {
    opacity: 1 !important;
    color: #ffffff !important;
    background-image: linear-gradient(193deg, #2596d1 100%, #2578d1 0%) !important;
}


/* PAGE EXPERIENCES  */
/* =========================
              CARDS
   ========================= */

   /**** ordine cards ***/

   /**** list custom bullet ***/

   @media (min-width: 769px) {
    .tour-card .card-image {
      grid-area: media;
    }
     .tour-card .card-content {
      grid-area: content;
    }

    .tour-card {
        grid-template-areas: "media content";
       }
    
    .tours > .gb-loop-item:nth-child(even) .tour-card {
        grid-template-areas: "content media";
       }
  }



.included-list {
  list-style: none;
  text-align:left;
  padding-left:0;
  margin-left:0;
  column-gap: 2rem;
}

.included-list li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.5rem;
  break-inside: avoid;
}

.included-list li::marker {
  content: "";
}

.included-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 15px;
  background-image: url(https://projects.alessiaweb.com/onadasail/wp-content/uploads/2026/03/list-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
}

/**** custom whatsApp button ****/
.custom-whatsapp-button.onada-style {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 24px;
    border-radius: 8px;
    background: #E9864A;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    line-height: 1;
    border: 1px solid #E9864A;
    transition: all 0.2s ease;
}

.custom-whatsapp-button.onada-style:hover {
    background: #d9773e;
    border-color: #d9773e;
    color: #ffffff;
}

/**** fixing left margin on bullet lists ****/
ul.wp-block-list.custom-list {
    margin-left: 1rem;
}