/* Views Slideshow Cycle pose souvent width:1296px en inline → scroll horizontal sur viewport < 1296px */
.view-hero-carousel .views_slideshow_cycle_main,
.view-hero-carousel .views_slideshow_cycle_teaser_section,
.view-hero-carousel .views_slideshow_cycle_slide {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box;
}

.view-hero-carousel .view-content.row {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

.highlighted {
  /* --hero-bg: url('/path/to/your/large/background.jpg'); ← remplace */
  background: #000 url('/certifpanda/web/sites/default/files/bg-1.jpg') center/cover no-repeat;
  position: relative;
  padding: 65px 0;
  color: #fff;
  overflow: hidden;
  overflow-x: clip;
  isolation: isolate;
}

/* PANNEAU de gauche */
.views_slideshow_main .left img{
  
  width: 100%;
  height: auto;
  border-radius: 20px;
}

/* PANNEAU "GLASS" (droite) */
.views_slideshow_main .right .course-content{
  /* background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 18px; */
  padding: 0px 0px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Label “FEATURED PRODUCT” */
.views_slideshow_main .featured-label{
  display:inline-block;
  font: 700 12px/1.2 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #93c5fd; /* bleu doux */
  background: rgba(147,197,253,.08);
  border: 1px solid rgba(147,197,253,.25);
  padding: 6px 10px;
  border-radius: 8px;
  margin-bottom: 14px;
}

.views_slideshow_main .featured-label a{
    text-decoration: none;
}

/* Titre / auteur / résumé */
.views_slideshow_main .course-info .title,
.views_slideshow_main .course-info .title a{
  color:#fff; text-decoration:none;
}
.views_slideshow_main .course-info .title { margin: 8px 0 12px; }
.views_slideshow_main .course-info .title a{ font-size: 34px; line-height: 1.2; font-weight: 800; }
.views_slideshow_main .teacher{ color: rgba(255,255,255,.7); font-weight: 600; margin-bottom: 12px; }
.views_slideshow_main .summary p{ color: rgba(255,255,255,.88); margin: 10px 0 0; }

/* Liste des features en deux colonnes avec check */
.views_slideshow_main .course-features .field__items{
  display:grid; grid-template-columns: 1fr 1fr;
  gap: .75rem 2rem; margin: 18px 0 10px;
}
.views_slideshow_main .course-features .field__item{
  position:relative; padding-left:28px; color: rgba(255,255,255,.9);
}
.views_slideshow_main .course-features .field__item::before{
  content:""; position:absolute; left:0; top:.2rem;
  width:18px; height:18px; border-radius:50%;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.35);
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.3);
}
.views_slideshow_main .course-features .field__item::after{
  content:""; position:absolute; left:5px; top:8px;
  width:8px; height:4px; border-left:2px solid #fff; border-bottom:2px solid #fff;
  transform: rotate(-45deg);
}

/* Bas de carte : prix + bouton */
.views_slideshow_main .course-bottom{
  display:flex; justify-content: space-between; align-items:center; gap: 16px;
  margin-top: 36px;
}
.views_slideshow_main .course-price .field__item,
.views_slideshow_main .product--variation-field--variation_price__5{
  display:inline-block;
  background:#fff; color:#111; font-weight:800;
  padding:3px 8px; border-radius:10px;
  box-shadow: 0 8px 20px rgba(255,255,255,.12);
}
.views_slideshow_main .course-apply{
  display:inline-block; text-transform: uppercase; font-weight:800; letter-spacing:.02em;
  padding:3px 10px; border-radius:9px;
  color:#fff; border:1px solid #fff; text-decoration:none;
  transition: .2s ease;
}
.views_slideshow_main .course-apply:hover{ background:#fff; color:#111; }

/* ===== PAGER (vignettes en bas) ===== */
.views-slideshow-controls-bottom{
  max-width:1200px; margin: 26px auto 0; padding: 0 24px;
}
.views-slideshow-controls-bottom .widget_pager_bottom{
  display:flex; gap:24px; align-items:stretch;
  background: rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(4px);
  border-radius:18px; padding:16px 20px;
  overflow-x:auto;
}
.views-slideshow-controls-bottom .views_slideshow_pager_field_item{
  display:flex; align-items:center; gap:12px;
  min-width: 320px;
  /* background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06); */
  border-radius:14px; padding:10px 12px;
  /* box-shadow: 0 10px 25px rgba(0,0,0,.35); */
  opacity:.75; transition:.2s ease;
  cursor: pointer;

}
.views-slideshow-controls-bottom img{
    width: 50px;
    height: 50px;
    border-radius: 8px;
}
.views-slideshow-controls-bottom .views_slideshow_pager_field_item.active{
  opacity:1; outline:2px solid rgba(255,255,255,.35);
}
.views-slideshow-controls-bottom .views-slideshow-controls-bottom .views-content-field-image img{
  width:56px; height:56px; object-fit:cover; border-radius:10px; display:block;
  box-shadow: 0 6px 14px rgba(0,0,0,.35);
}
.views-slideshow-controls-bottom .views-slideshow-controls-bottom .views-content-title{
  color:#fff; font-weight:800; line-height:1.25;
}

/* Dernière sécurité : pas de scroll horizontal page (hero, grilles, etc.) */
body.path-frontpage #page,
body.page-quiz-take #page {
  overflow-x: clip;
}