/* ================================================================
   Bloc Onglets Produits (navigation type galerie de liens + slider)
   Nav = classes .galerie-liens*
   Slider = Swiper effect "cards" (inspiré de slider-images-cards)
   ================================================================ */

.bloc-onglets-produits-galerie {
  width: 100%;
}

/* ── Navigation (galerie de liens en boutons) ─────────────────── */

.bloc-onglets-produits-galerie__nav {
  margin-bottom: var(--opg-nav-mb, var(--wp--preset--spacing--3));
}

.bloc-onglets-produits-galerie__nav .galerie-liens__item {
  font: inherit;
  text-align: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.bloc-onglets-produits-galerie__nav .galerie-liens__label {
  font-size: var(--opg-label-fs, var(--gl-text-fs, 0.9rem));
  text-transform: var(--opg-label-transform, none);
}

.bloc-onglets-produits-galerie__tab.is-active .galerie-liens__label {
  color: var(--wp--preset--color--default);
}

.bloc-onglets-produits-galerie__tab.is-active .galerie-liens__img-wrap {
  box-shadow: 0 0 0 2px var(--wp--preset--color--default);
}

/* ── Panneaux ─────────────────────────────────────────────────── */

.bloc-onglets-produits-galerie__panels {
  position: relative;
}

.bloc-onglets-produits-galerie__panel {
  display: none;
}

.bloc-onglets-produits-galerie__panel.is-active {
  display: block;
  animation: opgFadeIn 0.4s ease forwards;
}

@keyframes opgFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Layout : contenu + slider ────────────────────────────────── */

.bloc-onglets-produits-galerie__columns {
  display: flex;
  flex-direction: row;
  gap: var(--wp--preset--spacing--5);
  align-items: center;
}

.bloc-onglets-produits-galerie__col-content {
  flex: 0 0 55%;
  max-width: 670px;
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--1);
}

.bloc-onglets-produits-galerie__col-slider {
  flex: 0 0 45%;
  max-width: 500px;
}

/* ── Slider (Swiper cards) ───────────────────────────────────── */

.bloc-onglets-produits-galerie__slider-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0 52px;
  max-width: min(100%, 500px);
}

.bloc-onglets-produits-galerie__swiper {
  overflow: visible;
  width: 100%;
}

.bloc-onglets-produits-galerie__swiper .swiper-slide {
  display: flex;
  align-items: stretch;
  justify-content: center;
  overflow: hidden;
  background: var(--wp--preset--color--white, #fff);
  border-radius: 10px;
}

.bloc-onglets-produits-galerie__figure {
  margin: 0;
  width: 100%;
  aspect-ratio: 3 / 4;
  max-height: min(72vh, 640px);
}

.bloc-onglets-produits-galerie__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

/* ── Navigation slider ───────────────────────────────────────── */

.bloc-onglets-produits-galerie__slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px 0 30px;
  background-color: #F0E5DA;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.bloc-onglets-produits-galerie__slider-nav:hover {
  background-color: var(--wp--preset--color--default);
}

.bloc-onglets-produits-galerie__slider-nav img {
  display: block;
  width: 14px;
  height: auto;
  transition: opacity 0.3s ease;
}

.bloc-onglets-produits-galerie__slider-arrow-hover {
  position: absolute;
  width: 14px;
  opacity: 0;
}

.bloc-onglets-produits-galerie__slider-nav:hover .bloc-onglets-produits-galerie__slider-arrow-default {
  opacity: 0;
}

.bloc-onglets-produits-galerie__slider-nav:hover .bloc-onglets-produits-galerie__slider-arrow-hover {
  opacity: 1;
}

.bloc-onglets-produits-galerie__slider-nav--prev {
  left: 0;
  transform: translateY(-50%) scaleX(-1);
}

.bloc-onglets-produits-galerie__slider-nav--next {
  right: 0;
}

.bloc-onglets-produits-galerie__slider-nav.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/* ── Contenu ─────────────────────────────────────────────────── */

.bloc-onglets-produits-galerie__col-content h3 {
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}

.bloc-onglets-produits-galerie__content-text p:first-child {
  margin-top: 0;
}

.bloc-onglets-produits-galerie__content-text p:last-child {
  margin-bottom: 0;
}

.bloc-onglets-produits-galerie__col-content .wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--wp--preset--spacing--1);
  margin-top: var(--wp--preset--spacing--1);
}

/* ── Responsive ───────────────────────────────────────────────── */

@media (max-width: 1024px) {
  .bloc-onglets-produits-galerie__columns {
    gap: var(--wp--preset--spacing--3);
  }
}

@media (max-width: 768px) {
  /* Nav : .galerie-liens et .bloc-onglets-produits-galerie__nav sont le même élément (render.php) */
  .bloc-onglets-produits-galerie__nav {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable both-edges;
    padding-bottom: 20px;
    margin-bottom: 0px;
    scrollbar-width: auto;
    scrollbar-color: var(--wp--preset--color--primary) rgba(0, 0, 0, 0.15);
  }

  .bloc-onglets-produits-galerie__nav .galerie-liens__gallery {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .bloc-onglets-produits-galerie__nav .galerie-liens__item {
    flex: 0 0 auto;
  }

  .bloc-onglets-produits-galerie__nav::-webkit-scrollbar {
    height: 10px;
  }
  .bloc-onglets-produits-galerie__nav::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.12);
    border-radius: 9999px;
  }
  .bloc-onglets-produits-galerie__nav::-webkit-scrollbar-thumb {
    background: var(--wp--preset--color--primary);
    border-radius: 9999px;
  }
  .bloc-onglets-produits-galerie__nav::-webkit-scrollbar-thumb:hover {
    background: var(--wp--preset--color--secondary);
  }

  .bloc-onglets-produits-galerie__columns {
    flex-direction: column;
  }

  .bloc-onglets-produits-galerie__col-content,
  .bloc-onglets-produits-galerie__col-slider {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .bloc-onglets-produits-galerie__slider-wrapper {
    padding: 16px 44px 40px;
  }

  .bloc-onglets-produits-galerie__figure {
    aspect-ratio: 3 / 4;
    max-height: min(70vh, 520px);
  }

  .bloc-onglets-produits-galerie__slider-nav {
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 480px) {
  .bloc-onglets-produits-galerie__slider-wrapper {
    padding: 12px 36px 32px;
  }
}

/* ── Preview éditeur ───────────────────────────────────────── */

.bloc-onglets-produits-galerie.is-editor .bloc-onglets-produits-galerie__nav {
  margin-bottom: var(--wp--preset--spacing--2);
}

.bloc-onglets-produits-galerie.is-editor .bloc-onglets-produits-galerie__panel {
  display: block;
  animation: none;
}

.bloc-onglets-produits-galerie.is-editor .bloc-onglets-produits-galerie__editor-tab-title {
  font-weight: 700;
  margin: 24px 0 12px;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.04);
}

.bloc-onglets-produits-galerie.is-editor .bloc-onglets-produits-galerie__slider-nav--prev,
.bloc-onglets-produits-galerie.is-editor .bloc-onglets-produits-galerie__slider-nav--next {
  display: none;
}

.bloc-onglets-produits-galerie.is-editor .bloc-onglets-produits-galerie__slider-wrapper {
  padding: 0;
  max-width: 100%;
}

.bloc-onglets-produits-galerie.is-editor .bloc-onglets-produits-galerie__swiper .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
  transform: none !important;
}

.bloc-onglets-produits-galerie.is-editor .bloc-onglets-produits-galerie__swiper .swiper-slide {
  width: auto !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

.bloc-onglets-produits-galerie.is-editor .bloc-onglets-produits-galerie__figure {
  max-height: none;
  aspect-ratio: 1;
}