/* Container bloc */
.gss-swiper-slider {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* Swiper container */
.gss-swiper-slider .swiper {
    width: 100%;
    height: 100%;
}

/* Slides */
.gss-swiper-slider .swiper-slide {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gss-swiper-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Boutons navigation */
.gss-swiper-slider .gss-swiper-button {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.35);
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.gss-swiper-slider .swiper-button-prev {
    left: 16px;
}

.gss-swiper-slider .swiper-button-next {
    right: 16px;
}

/* Flèche blanche (simple) */
.gss-swiper-slider .gss-swiper-button::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}

.gss-swiper-slider .swiper-button-prev::before {
    transform: rotate(-135deg);
	margin-left: 6px;
}

.gss-swiper-slider .swiper-button-next::before {
    transform: rotate(45deg);
	margin-right: 6px;
}

/* Supprimer les pseudo-flèches par défaut de Swiper s'il y en a */
.gss-swiper-slider .swiper-button-next::after,
.gss-swiper-slider .swiper-button-prev::after {
    display: none;
}

/* Aperçu au survol */
.gss-nav-preview {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
    height: 80px;
    overflow: hidden;
    border-radius: 4px;
    background: #000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.4);
}

.gss-nav-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Positionnement du preview par rapport au bouton */
.gss-nav-preview-prev {
    left: 110%;
}

.gss-nav-preview-next {
    right: 110%;
}

.gss-nav-preview.is-visible {
    opacity: 1;
}

/* Pleine largeur (alignfull) */
.wp-block-gss-swiper-slider,
.gss-swiper-slider.alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
}