/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/


.cormorant-garamond-<uniquifier> {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

html, body {background-color: #fff; font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;  overflow-y: auto;
    /* cursor: none!important */}
p { font-family: "Cormorant Garamond", serif;}

/* Wrapper che parte dal bordo sinistro del container e sborda fino al bordo destro della viewport */
.slider-fullbleed-right {
  position: relative;
  overflow: visible;
  /* differenza tra metà viewport e metà container: sborda esattamente fino al bordo destro */
  width: calc(100% + (50vw - 50%));
  margin-right: calc(-1 * (50vw - 50%));
}

/* Lo swiper resta largo quanto la viewport/colonna: niente overflow visibile qui */
#gallery-swiper { width: 100%; }

/* Gap robusto e spazio di fine per evitare taglio dell’ultima slide */
#gallery-swiper .swiper-wrapper {
  display: flex;
  gap: 20px;
  padding-right: 24px;            /* 👈 piccolo “respiro” a destra */
  scrollbar-width: none;
}
#gallery-swiper .swiper-wrapper::-webkit-scrollbar { display: none; }

#gallery-swiper .swiper-slide {
  height: 50vh;
  width: auto;
  flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
}
#gallery-swiper .swiper-slide img {
  height: 100%; width: auto; object-fit: cover; display: block; max-width: none;
}

/* frecce */

.swiper-arrows .clickable { background: none; border: 0; cursor: pointer; }

@media (max-width: 768px) {
  .swiper-arrows { right: 1rem; bottom: 6px; }
}