/* Scope uniquement au template Cases */
.page-template-page-cases { --hero-h: 560px; }

/* HERO / SLIDER */
.page-template-page-cases #cases-hero { position:relative; background:#000; }
.page-template-page-cases .slider-banner-item { height:var(--hero-h); }
.page-template-page-cases .slider-banner-item img { width:100%; height:100%; object-fit:cover; display:block; }
.page-template-page-cases .slider-banner-cases .slick-arrow{ z-index:2; }
.page-template-page-cases .slick-prev{ left:16px; } 
.page-template-page-cases .slick-next{ right:16px; }
@media (max-width: 992px){ .page-template-page-cases { --hero-h:420px; } }
@media (max-width: 576px){ .page-template-page-cases { --hero-h:320px; } }

/* Bloc noir intro + CTA */
.page-template-page-cases .container.container-black{ background:#000; color:#fff; padding:40px 15px; }
.page-template-page-cases .case-content{ display:flex; gap:40px; align-items:flex-start; justify-content:space-between; }
@media (max-width: 992px){ .page-template-page-cases .case-content{ flex-direction:column; gap:24px; } }

@media screen and (max-width: 1659px) {
  .container, .page-template-page-cases .container.container-black {
    max-width: 100vw;
    padding-left: 60px;
    padding-right: 60px;
  }
}
/* Boutons comme en dev (évite reset Tailwind) */
.page-template-page-cases #dentist-list button,
.page-template-page-cases .secrect-code__btn.btn.btn-primary{
  height:56px; padding:0 24px; border:2px solid #000; border-radius:0; text-transform:uppercase;
  background:#fff; color:#000;
}
.page-template-page-cases #dentist-list button{ width:246px; }
.page-template-page-cases #dentist-list .dropdown-menu{ min-width:246px; }

/* Grille vignettes */
/*.page-template-page-cases .cases-wrap{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:32px; }*/
/*@media (max-width: 992px){ .page-template-page-cases .cases-wrap{ grid-template-columns:repeat(2,1fr);} }*/
/*@media (max-width: 576px){ .page-template-page-cases .cases-wrap{ grid-template-columns:1fr;} }*/
.page-template-page-cases .cases-wrap-item__image{ aspect-ratio:16/9; overflow:hidden; border-radius:12px; }
.page-template-page-cases .cases-wrap-item__image img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Bas de page “navi” */
.page-template-page-cases .page-content[style*="background: #000"] { background:#000 !important; }