.accordion-slider {
    display: flex;
    overflow: hidden;
}

.accordion-slide {
    flex: 1;
    background-size: cover;
    background-position: center;
    transition: flex 0.5s ease;
    cursor: pointer;
    min-height: 400px;
    position: relative;
}

/* Didascalia senza fondino e allineata a sinistra */
.slide-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 15px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    font-family: var(--h1_typography-font-family);
}

/* Posizionamento del chevron in basso a destra */
.slide-chevron {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    font-size: 20px;
}

/* Effetto hover per espandere la slide */
.accordion-slider:hover > .accordion-slide:not(.accordion-slide-final):hover {
    flex: 2.2;
}


/* Stile specifico per la slide finale (senza immagine) */
/* .accordion-slide-final {
    background: white;
    display: flex;
    flex-direction: column;
    align-items: top;
    justify-content: flex-start; 
    padding-left: 20px;
    background-image: url("https://www.santospiritoinsassia.com/wp-content/uploads/2025/05/down_grey.png");
}
 */

 .accordion-slide-final {
    background: white url("https://www.santospiritoinsassia.com/wp-content/uploads/2025/05/down_grey_3.png")
                no-repeat right bottom;
    background-size: 180px 220px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;    /* “top” non è un valore valido: meglio flex-start */
    justify-content: flex-start;
    padding-left: 20px;
    position: relative;         /* se usi slide-link assoluto */
}


.slide-final-title {
    color: black;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    padding-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: none !important;
    position: relative;
    font-family: var(--h1_typography-font-family);
    display: block;
    margin-bottom: none;
}

.slide-final-text {
    color: black;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    padding: 15px;
    line-height: 1.2;
    width: 180px;
    padding-top: none !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
}

/* Assicurati che il chevron sia posizionato sopra gli altri contenuti anche nella slide finale */
.accordion-slide-final .slide-chevron {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: black;
}

/* Link assoluto che rende cliccabile l'intera slide */
.slide-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/* quiz */
#quiz-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background: rgba(0,0,0,0.5);
    z-index: 999998;
    display: none;
  }
  
#quiz-popup {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 30px;
    max-width: 600px;
    width: 90%;
    z-index: 999999;
    display: none;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    border-radius: 6px;
}

#jera_mainmobile .awb-menu__main-a {
    font-weight: bold;
}

.jera-badge-count {
    position: absolute;
    top: -12px;
    right: -7px;
    width: 40px;
    height: 40px;
    background-color: #b83e3d;
    color: var(--awb-color1);
    font-size: 14px;
    padding: 5px 9px;
    border-radius: 50%;
    font-weight: bold;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    z-index: 10;
    border: 2px solid white;

    display: flex;
    align-items: center;
    justify-content: center;
}

.jera-badge-wrapper {
    overflow: visible; /* <-- important */
  }
  
  .jera-badge-wrapper .fusion-button {
  /* 1) dimensioni fisse per farlo tondo */
  width: 70px;
  height: 70px;
  padding: 0;

  /* 2) bordo arrotondato al massimo */
  border-radius: 50% !important;

  /* 3) sfondo con la tua icona */
  background-image: url("https://www.santospiritoinsassia.com/wp-content/uploads/2025/05/dwn_icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% auto;  /* 50% del diametro del bottone, mantieni proporzioni */

  /* 4) rimuove ogni default text o span vuoto */
  color: transparent;          /* nasconde eventuale testo */
  overflow: hidden;            /* assicura che spunti solo l’icona di sfondo */

  /* 5) centratura del badge-number rispetto al cerchio */
  position: relative;
}

.jera-badge-wrapper .fusion-button .fusion-button-text {
  display: none;
}


.jera-badge-kid-wrapper {
    display: none;
}

.slide-content h1 {
    text-shadow: 2px 2px 5px rgba(78, 76, 85, 0.6);
  }
   
@media (max-width: 768px) {
  .postcard_home_bkg{
    --awb-bg-image:linear-gradient(180deg, rgba(255,255,255,0) 170px,var(--awb-custom_color_1) 170px) !important;
    --awb-bg-blend:overlay;--awb-bg-size:cover;
    }
}

.jera_popup_exit_kids {
  cursor: pointer;
}

.jera_home_doppio_bkg{
    --awb-bg-image:linear-gradient(180deg, rgba(255,255,255,0) 10%,var(--awb-color7) 10%,var(--awb-color7) 85%,var(--awb-color1) 85%) !important;
}
@media (max-width: 768px) {
    .jera_home_doppio_bkg{
        --awb-bg-image:linear-gradient(180deg, rgba(255,255,255,0) 10%,var(--awb-color7) 10%) !important;
    }
}