/* =====================================================================
   Bulles catégories (accueil, /produits, /boutique) — fonds pastel.

   Remplace le gris uniforme (#f1f1f2, home-redesign.css) par une palette
   de 8 teintes légères qui tourne d'une bulle à l'autre. La bulle
   "Catégories" (toggle orange) n'est pas concernée.

   Pour revenir à l'ancien design : retirer le <link> de ce fichier dans
   templates/base.html.twig.
   ===================================================================== */

.category-bubble-bar .category-bubble-slider .swiper-slide:nth-child(8n+1) { --bubble-bg: #eaf5ec; } /* vert sauge */
.category-bubble-bar .category-bubble-slider .swiper-slide:nth-child(8n+2) { --bubble-bg: #fdecef; } /* rose poudré */
.category-bubble-bar .category-bubble-slider .swiper-slide:nth-child(8n+3) { --bubble-bg: #e8f1fd; } /* bleu ciel */
.category-bubble-bar .category-bubble-slider .swiper-slide:nth-child(8n+4) { --bubble-bg: #fdf0e3; } /* pêche */
.category-bubble-bar .category-bubble-slider .swiper-slide:nth-child(8n+5) { --bubble-bg: #eeedfc; } /* lavande */
.category-bubble-bar .category-bubble-slider .swiper-slide:nth-child(8n+6) { --bubble-bg: #e6f6f4; } /* menthe */
.category-bubble-bar .category-bubble-slider .swiper-slide:nth-child(8n+7) { --bubble-bg: #fdf6de; } /* vanille */
.category-bubble-bar .category-bubble-slider .swiper-slide:nth-child(8n+8) { --bubble-bg: #f4ecfa; } /* lilas */

.category-bubble-bar .category-bubble-slider .category-ellipse .category-media {
    background: var(--bubble-bg, #f1f1f2);
}

.category-bubble-bar .category-bubble-slider .category-ellipse .category-media i {
    color: #222;
}