/* =============================================================================
   Slider Bedroom CN — Overrides de style
   Cube Noir — Personnalisations visuelles du bloc b-slider-bedroom-cn
   Ciblage via .b-slider-bedroom-cn pour ne pas affecter les blocs HH originaux.

   Workflow versions :
     - Ce fichier = version active chargée en front
     - Garder les variantes côte à côte sur le FTP :
         slider-bedroom-cn-v1.css, slider-bedroom-cn-v2.css, etc.
     - Pour switcher : renommer le fichier désiré en slider-bedroom-cn.css + vider le cache
============================================================================= */

/* Section globale — padding vertical réduit */
.b-slider-bedroom-cn {
  padding: 4rem 0;
}

/* Espace entre le titre et le slider */
.b-slider-bedroom-cn .b-slider-bedroom__slider {
  margin-top: 2rem;
}

/* -----------------------------------------------------------------------
   Toutes les règles suivantes ciblent UNIQUEMENT les slides du carousel
   (.b-slider-bedroom__item:not(.b-slider-bedroom__item--fixed)).
   Le popup (.b-slider-bedroom__item--fixed) est exclu → conserve le
   comportement et les dimensions HH originaux.
----------------------------------------------------------------------- */

/* Carte slide — padding réduit + gap réduit + largeur réduite */
.b-slider-bedroom-cn .b-slider-bedroom__item:not(.b-slider-bedroom__item--fixed) {
  gap: 1.5rem;
  padding: 2rem;
}

@media (width >= 768px) {
  .b-slider-bedroom-cn .b-slider-bedroom__item:not(.b-slider-bedroom__item--fixed) {
    min-width: calc(var(--container-size) * 7 - 1rem);
  }
}

@media (width >= 1024px) {
  .b-slider-bedroom-cn .b-slider-bedroom__item:not(.b-slider-bedroom__item--fixed) {
    padding: 3rem;
    min-width: calc(var(--container-size) * 5 - 1rem);
  }
}

@media (width >= 1280px) {
  .b-slider-bedroom-cn .b-slider-bedroom__item:not(.b-slider-bedroom__item--fixed) {
    min-width: calc(var(--container-size) * 4 - 18px);
    max-width: calc(var(--container-size) * 4 - 18px);
  }
}

/* Tête de slide (tags + titre) — gap réduit */
.b-slider-bedroom-cn .b-slider-bedroom__item:not(.b-slider-bedroom__item--fixed) .b-slider-bedroom__item-head {
  gap: 1rem;
}

/* Image — hauteur max réduite */
.b-slider-bedroom-cn .b-slider-bedroom__item:not(.b-slider-bedroom__item--fixed) .b-slider-bedroom__item-image {
  max-height: 22rem;
}

/* Zone infos — hauteur min réduite + padding latéral réduit */
.b-slider-bedroom-cn .b-slider-bedroom__item:not(.b-slider-bedroom__item--fixed) .b-slider-bedroom__item-infos {
  min-height: 12rem;
  padding: 0 1.5rem;
}

@media (width >= 1280px) {
  .b-slider-bedroom-cn .b-slider-bedroom__item:not(.b-slider-bedroom__item--fixed) .b-slider-bedroom__item-infos {
    padding: 0 3rem;
  }
}

/* Fade + masquage — 4 items max (HH : 6→0.4, 7→0.1, 8+→none) */
.b-slider-bedroom-cn .b-slider-bedroom__item:not(.b-slider-bedroom__item--fixed) .b-slider-bedroom__item-info:nth-child(3):not(:last-child) {
  opacity: 0.4;
}

.b-slider-bedroom-cn .b-slider-bedroom__item:not(.b-slider-bedroom__item--fixed) .b-slider-bedroom__item-info:nth-child(4):not(:last-child) {
  opacity: 0.1;
}

.b-slider-bedroom-cn .b-slider-bedroom__item:not(.b-slider-bedroom__item--fixed) .b-slider-bedroom__item-info:nth-child(n + 5) {
  display: none;
}

/* Prix — padding réduit */
.b-slider-bedroom-cn .b-slider-bedroom__item:not(.b-slider-bedroom__item--fixed) .b-slider-bedroom__item-price {
  padding: 1.2rem 1.5rem;
}

/* Montant prix — taille réduite */
.b-slider-bedroom-cn .b-slider-bedroom__item:not(.b-slider-bedroom__item--fixed) .b-slider-bedroom__item-cost {
  font-size: 2rem;
}