/* ╔═════════════════════════════════════════════════════════════════════════╗ */
/* ║                    CAROUSEL : WINTER PATCHES                            ║ */
/* ╚═════════════════════════════════════════════════════════════════════════╝ */



/* carousel : winter : red chicory : L0 */
#carouselWinterPatchRedChicoryL0A:checked ~ .carousel-images {
  transform: translateX(0%);
}
#carouselWinterPatchRedChicoryL0B:checked ~ .carousel-images {
  transform: translateX(-100%);
}
#carouselWinterPatchRedChicoryL0C:checked ~ .carousel-images {
  transform: translateX(-200%);
}
#carouselWinterPatchRedChicoryL0D:checked ~ .carousel-images {
  transform: translateX(-300%);
}
#carouselWinterPatchRedChicoryL0E:checked ~ .carousel-images {
  transform: translateX(-400%);
}

/* Navigation dot highlight */
#carouselWinterPatchRedChicoryL0A:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL0A"],
#carouselWinterPatchRedChicoryL0B:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL0B"],
#carouselWinterPatchRedChicoryL0C:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL0C"],
#carouselWinterPatchRedChicoryL0D:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL0D"],
#carouselWinterPatchRedChicoryL0E:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL0E"] {
  background: #444;
}

/* carousel : winter : red chicory : L1 */
#carouselWinterPatchRedChicoryL1A:checked ~ .carousel-images {
  transform: translateX(0%);
}
#carouselWinterPatchRedChicoryL1B:checked ~ .carousel-images {
  transform: translateX(-100%);
}
#carouselWinterPatchRedChicoryL1C:checked ~ .carousel-images {
  transform: translateX(-200%);
}
#carouselWinterPatchRedChicoryL1D:checked ~ .carousel-images {
  transform: translateX(-300%);
}
#carouselWinterPatchRedChicoryL1E:checked ~ .carousel-images {
  transform: translateX(-400%);
}

/* Navigation dot highlight */
#carouselWinterPatchRedChicoryL1A:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL1A"],
#carouselWinterPatchRedChicoryL1B:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL1B"],
#carouselWinterPatchRedChicoryL1C:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL1C"],
#carouselWinterPatchRedChicoryL1D:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL1D"],
#carouselWinterPatchRedChicoryL1E:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL1E"] {
  background: #444;
}

/* carousel : winter : red chicory : L2 */
#carouselWinterPatchRedChicoryL2A:checked ~ .carousel-images {
  transform: translateX(0%);
}
#carouselWinterPatchRedChicoryL2B:checked ~ .carousel-images {
  transform: translateX(-100%);
}
#carouselWinterPatchRedChicoryL2C:checked ~ .carousel-images {
  transform: translateX(-200%);
}
#carouselWinterPatchRedChicoryL2D:checked ~ .carousel-images {
  transform: translateX(-300%);
}
#carouselWinterPatchRedChicoryL2E:checked ~ .carousel-images {
  transform: translateX(-400%);
}

/* Navigation dot highlight */
#carouselWinterPatchRedChicoryL2A:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL2A"],
#carouselWinterPatchRedChicoryL2B:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL2B"],
#carouselWinterPatchRedChicoryL2C:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL2C"],
#carouselWinterPatchRedChicoryL2D:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL2D"],
#carouselWinterPatchRedChicoryL2E:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL2E"] {
  background: #444;
}

/* carousel : winter : red chicory : L3 */
#carouselWinterPatchRedChicoryL3A:checked ~ .carousel-images {
  transform: translateX(0%);
}
#carouselWinterPatchRedChicoryL3B:checked ~ .carousel-images {
  transform: translateX(-100%);
}
#carouselWinterPatchRedChicoryL3C:checked ~ .carousel-images {
  transform: translateX(-200%);
}
#carouselWinterPatchRedChicoryL3D:checked ~ .carousel-images {
  transform: translateX(-300%);
}
#carouselWinterPatchRedChicoryL3E:checked ~ .carousel-images {
  transform: translateX(-400%);
}

/* Navigation dot highlight */
#carouselWinterPatchRedChicoryL3A:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL3A"],
#carouselWinterPatchRedChicoryL3B:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL3B"],
#carouselWinterPatchRedChicoryL3C:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL3C"],
#carouselWinterPatchRedChicoryL3D:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL3D"],
#carouselWinterPatchRedChicoryL3E:checked ~ .carousel-nav label[for="carouselWinterPatchRedChicoryL3E"] {
  background: #444;
}