.card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
    background-color: #ffffff;
    overflow: hidden;
}

.card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); 
    transform: translateY(-10px); 
}

.card .hidden-text {
	opacity: 0;
	transition: ease 0.3s;
}

.card:hover .hidden-text {
	opacity: 1;
}

.card .button-arrow svg {
    transition: transform 0.3s ease-in-out;
}

.card:hover .button-arrow svg {
    transform: translateX(10px);
}

.carrousel img {
	height: 600px !important;
	width: 100% !important;
	object-fit: cover;
}

@media (max-width: 767px) {
	.carrousel img {
		height: 400px !important;
		width: 100% !important;
		object-fit: cover;
	}
}

.surlignage-rose {
  background: linear-gradient(to top, rgba(230, 183, 193, 0.6) 30%, transparent 30%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0 4px; 
}

.surlignage-vert {
  background: linear-gradient(to top, rgba(156, 175, 154, 0.6) 30%, transparent 30%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0 4px; 
}

p {
    margin-bottom: 0em !important;
}


.elementor-element .elementor-swiper-button {
    background-color: rgba(0, 0, 0, 0.4) !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    
    display: flex !important; 
    align-items: center !important;
    justify-content: center !important;
 
    transition: all 0.3s ease !important; 
    transform: scale(1) !important;
}

.elementor-element .elementor-swiper-button:hover {
    background-color: #E6B7C1 !important;
    transform: scale(1.15) !important;
}

.elementor-element .elementor-swiper-button svg {
    fill: #ffffff !important; 
    height: 0.8em !important;
    width: 0.8em !important;
}

.card-icon .elementor-icon {
    position: relative;
    z-index: 1;
    display: inline-flex; 
    align-items: center;
    justify-content: center;
}

.card-icon .elementor-icon::before {
		transition: ease 0.3s;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65px; 
    height: 65px; 
    background-color: rgba(255, 255, 255, 0.2)
; 
    
    border-radius: 50%;
    z-index: -1;
}

.card-icon .elementor-icon svg {
    position: relative;
    z-index: 2;
}

.card-icon:hover .elementor-icon::before {
    background-color: #E6B7C1
; 
	width: 75px; 
    height: 75px; 
}


/***Header**/

.header-scroll-css {
	width: 100vw !important;
    z-index: 50;
    background-color: #8A9E88; 
}

@supports (animation-timeline: scroll()) {
    .header-scroll-css {
        background-color: transparent;
        animation: changeBgOnScroll linear forwards;
        animation-timeline: scroll();
        animation-range: 0px 100px; 
    }
}

@keyframes changeBgOnScroll {
    0% {
        background-color: transparent;
    }
    100% {
        background-color: #8A9E88;
 
    }
}



.team img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.wpr-grid-item img {
    object-fit: cover;
		height: 300px;
}

.card-contact a {
	text-decoration: none !important;
}

.card-contact .elementor-icon {
    position: relative;
    z-index: 1;
}

.card-contact .elementor-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; 
    height: 60px; 
    
    background-color: #9CAF9A; 
    border-radius: 50%; /* Rend la forme 100% circulaire */
    z-index: -1; /* Place le cercle derrière l'icône SVG */
}

.srfm-form-container {
    row-gap: 0px !important;
}

#salle-libre, #pilates, #enfants, #seance-essais {
	scroll-margin-top: 200px;
}

.card-carnets {
	padding: 25px;
	background-color: #fff;
	transition: ease 0.3s;
}

.card-carnets:hover {
	background-color: #8A9E88 !important;
}

.card-carnets:hover p, .card-carnets:hover .desc {
	color: #fff !important;
}


/***card acces libre**/

.acces-libre .card {
	transition: ease 0.3s;
}

.acces-libre .card .desc, .acces-libre .card .price {
	transition: ease 0.3s;
}

.acces-libre .card:hover {
	background-color: #8A9E88 !important;
}

.acces-libre .card:hover .desc, .acces-libre .card:hover .price {
	color: #fff !important;
}

/***card pilate reformer**/

.pilates-reformer .card {
	transition: ease 0.3s;
}

.pilates-reformer .card .desc, .pilates-reformer .card .price {
	transition: ease 0.3s;
}

.pilates-reformer .card:hover {
	background-color: #8A9E88 !important;
}

.pilates-reformer .card:hover .elementor-icon-list-text, .pilates-reformer .card:hover .price, .pilates-reformer .card:hover .desc {
	color: #fff !important;
}

.pilates-reformer .card:hover .elementor-icon-list-item svg {
	filter: brightness(0) invert(1);
}


/***scroll bar**/

html {
    scrollbar-color: #E6B7C1 #F0F0F0;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #F0F0F0;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #E6B7C1;
    border-radius: 10px;
    border: 3px solid #F0F0F0;
}

::-webkit-scrollbar-thumb:hover {
    background: #d4a5af;
}