/*
Theme Name: Soluna
Theme URI: https://example.com/soluna
Description: Thème enfant de Hello Elementor, conçu pour le style Soluna.
Author: [Ton nom]
Author URI: https://example.com
Template: hello-elementor
Version: 1.0.0
Text Domain: soluna
*/

/* Palette alternée basée sur l'index Swiper */
/* Palette 12 couleurs – répétée pour chaque slide */
/* 12 couleurs basées sur l'index réel Swiper */


.swiper-slide[data-swiper-slide-index="0"] .carte-retraite { background-color: #061d1f; }
.swiper-slide[data-swiper-slide-index="1"] .carte-retraite { background-color: #083c3f; }
.swiper-slide[data-swiper-slide-index="2"] .carte-retraite { background-color: #b2cdcf; }
.swiper-slide[data-swiper-slide-index="3"] .carte-retraite { background-color: #8f9981; }
.swiper-slide[data-swiper-slide-index="4"] .carte-retraite { background-color: #b2bf9f; }
.swiper-slide[data-swiper-slide-index="5"] .carte-retraite { background-color: #e4edd3; }
.swiper-slide[data-swiper-slide-index="6"] .carte-retraite { background-color: #a88f59; }
.swiper-slide[data-swiper-slide-index="7"] .carte-retraite { background-color: #c7a65d; }
.swiper-slide[data-swiper-slide-index="8"] .carte-retraite { background-color: #fcdc97; }
.swiper-slide[data-swiper-slide-index="9"] .carte-retraite { background-color: #b2595b; }
.swiper-slide[data-swiper-slide-index="10"] .carte-retraite { background-color: #ce8e86; }
.swiper-slide[data-swiper-slide-index="11"] .carte-retraite { background-color: #ffcac4; }





/* === Palette alternée pour la grille de boucle Elementor === */
/* Palette alternée toutes les 4 cartes */
/* Palette 12 couleurs pour Elementor Loop */

.elementor-loop-container > .e-loop-item:nth-of-type(12n + 1) .carte-retraite {
  background-color: #061d1f;
}

.elementor-loop-container > .e-loop-item:nth-of-type(12n + 2) .carte-retraite {
  background-color: #083c3f;
}

.elementor-loop-container > .e-loop-item:nth-of-type(12n + 3) .carte-retraite {
  background-color: #b2cdcf;
}

.elementor-loop-container > .e-loop-item:nth-of-type(12n + 4) .carte-retraite {
  background-color: #8f9981;
}

.elementor-loop-container > .e-loop-item:nth-of-type(12n + 5) .carte-retraite {
  background-color: #b2bf9f;
}

.elementor-loop-container > .e-loop-item:nth-of-type(12n + 6) .carte-retraite {
  background-color: #e4edd3;
}

.elementor-loop-container > .e-loop-item:nth-of-type(12n + 7) .carte-retraite {
  background-color: #a88f59;
}

.elementor-loop-container > .e-loop-item:nth-of-type(12n + 8) .carte-retraite {
  background-color: #c7a65d;
}

.elementor-loop-container > .e-loop-item:nth-of-type(12n + 9) .carte-retraite {
  background-color: #fcdc97;
}

.elementor-loop-container > .e-loop-item:nth-of-type(12n + 10) .carte-retraite {
  background-color: #b2595b;
}

.elementor-loop-container > .e-loop-item:nth-of-type(12n + 11) .carte-retraite {
  background-color: #ce8e86;
}

.elementor-loop-container > .e-loop-item:nth-of-type(12n + 12) .carte-retraite {
  background-color: #ffcac4;
}



.carte-retraite {
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.carte-retraite:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}


.vertical-separator{
    width: 1px;
    height: 100%;
    background-color:white;
    display: block;
    
}


.vertical-separator-cottom-wrapper {
	align-self: flex-end!important;
}

.vertical-separator-cotton {
	width: 1px;
	min-height: 270px;
	background-color:#e0dacc;
	display: block;
}

@media screen and (max-width:768px) {
	.vertical-separator-cottom-wrapper {
		display: none;
	}
}