/*! Flickity v2.3.0 — base + RH custom */

/* ============== CONTENITORE CAROSELLO (custom) ============== */
.main-carousel{
  box-sizing: border-box;
  max-width: 500px;         /* limite orizzontale opzionale */
  max-height: 500px;        /* limite verticale opzionale */
  /* niente rotate qui: se vuoi il tilt usa .tilt sul contenuto */
  /* niente overflow extra: lo gestisce la viewport di Flickity */
}

/* Opzionale: per inclinare SOLO il contenuto, non la viewport */
.tilt{
  transform: rotate(-2deg);
  transform-origin: center;
}

/* ============== CELLE ============== */
.carousel-cell{
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  /* nessun overflow qui (evita clipping del drop-shadow) */
  /* nessun max-height qui: lascia scalare le immagini liberamente */
}

/* Fullscreen support */
.carousel.is-fullscreen .carousel-cell{ height: 100%; }

/* Immagini nelle celle — scala corretta + ombra */
.carousel-cell img{
  display: block;
  max-width: 100%;
  height: auto; /* mantiene le proporzioni */
  /* drop shadow visibile: evita clipping rimuovendo overflow dai genitori */
}

/* In fullscreen, permetti comunque la larghezza piena */
.carousel.is-fullscreen .carousel-cell-image{ max-width: 100%;}

/* ============== FLICKITY BASE ============== */
.flickity-enabled{ position: relative; }
.flickity-enabled:focus{ outline: none; }

.flickity-viewport{    /* unico overflow permesso */
  position: relative;
  overflow: hidden;
  height: 100%;
}

.flickity-slider{
  position: absolute;
  width: 100%;
  height: 100%;
}

/* ============== DRAG ============== */
.flickity-enabled.is-draggable{
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport{
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ============== BOTTONI PREV/NEXT (custom) ============== */
.flickity-button{
  position: absolute;
  border: none;
  color: #d26f6b;
}
.flickity-button:hover{
  color: #fff;
  cursor: pointer;
}
.flickity-button:focus{
  outline: none;
  box-shadow: 0 0 0 5px #690002;
}
.flickity-button:active{ opacity: 0.6; }
.flickity-button:disabled{
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}
.flickity-button-icon{ fill: currentColor; }

.flickity-prev-next-button{
  top: 50%;
  width: 17px;  /* tuo stile custom mini */
  height: 17px;
  border-radius: 50%;
  transform: translateY(-50%);
}
.flickity-prev-next-button.previous{ left: -20px; }
.flickity-prev-next-button.next{ right: -20px; }
/* RTL */
.flickity-rtl .flickity-prev-next-button.previous{ left: auto; right: -20px; }
.flickity-rtl .flickity-prev-next-button.next{ right: auto; left: -20px; }

.flickity-prev-next-button .flickity-button-icon{
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 50%;
}

/* ============== PAGE DOTS (custom) ============== */
.flickity-page-dots{
  position: absolute;
  width: 100%;
  bottom: 0;             /* a filo del bordo */
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots{ direction: rtl; }

.flickity-page-dots .dot{
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 5px;
  background: #a26257;
  text-shadow: 0 0 3px #fff;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected{ opacity: 1; }

/* ============== PNG AVATAR (fuori dal carosello) ============== */
.png_avy{
  /* rotazione decorativa per i PNG listati sotto */
  transform: rotate(358deg);
  margin: 2px;
  width: 100px;
  height: 100px;
  object-fit: cover;
  background: #000;
  box-shadow: 0 3px 16px #000;
  border: 3px solid transparent;
  border-image: url(/themes/advanced/imgs/cornice_wood.png) 10 stretch;
}