@charset "UTF-8";
@import url(main.css);
strong { text-shadow: 5px 9px 2px rgba(210, 255, 150, 0.54); }

.spacer { display: none; }

body > main > div.wrapper > div > div.row.row-cols-1.g-0.row-cols-lg-3.align-items-stretch.minimum-height.bg-primaryColor > div:nth-child(2) > div.d-flex.flex-column.px-5.py-5.h-100.position-relative > div.text-center.fs-5.my-auto.text-color-primary > h3:nth-child(4) { margin-top: 8rem !important; }

/*-Bloc actu------------------------------*/
#news-posts-bloc { margin-top: 150px !important; margin-bottom: 150px !important; }

/*------------------------------------------Ajustements SEO------------------------------*/
.bandeauTitre { font-weight: normal !important; }

.bandeau { background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FfICoREGYeNQroKaXOLh185bt6dO2%2Fimages%2F3_izyc.webp?alt=media&token=fb05c274-5177-4301-81ca-40f72e5b7938); background-size: cover; background-position: center; height: 60vh; }

/*------------------------------------------Tableaux------------------------------*/
table tr:nth-child(even) { background-color: black !important; }

/*------------------------------------------FAQ------------------------------*/
.accordion { --bs-accordion-active-color: black !important; --bs-accordion-active-bg: #d2ff96 !important; --bs-accordion-btn-focus-border-color: #b7b0ad !important; }

/*------------------------------------------Formulaire de contact------------------------------*/
#contact .background-image-div-opacity { background-attachment: fixed; }

/*------------------------------------------Bloc protocole de soins------------------------------*/
.card-content .text-color-third { background-color: #d2ff96; color: black !important; }

/*------------------------------------------Bloc vidéo------------------------------*/
.video-container { display: flex; justify-content: center; align-items: center; height: 100vh; background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FfICoREGYeNQroKaXOLh185bt6dO2%2Fimages%2Fsalon_sombre_66ie.webp); background-attachment: fixed; background-size: cover; background-position: center; flex-wrap: wrap; }

video { width: 60%; border-radius: 30px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }

/* Bloc spécial pour les 4 vidéos verticales */
/* Empêche la coupure du bloc à 4 vidéos sur mobile */
.video-container.four-videos { height: auto !important; min-height: 100vh; }

.video-container.four-videos { flex-wrap: wrap; gap: 2rem; padding: 2rem; justify-content: center; align-items: flex-start; }

/* Vidéos portrait alignées et stylées */
.video-container.four-videos video { height: 80vh; width: auto; max-width: 22vw; border-radius: 30px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; object-fit: cover; }

/* ✅ MOBILE : 1 vidéo par ligne */
@media (max-width: 768px) { .video-container.four-videos { display: block; /* 🔥 force une pile verticale */ padding: 1rem; text-align: center; } .video-container.four-videos video { display: block; margin: 1rem auto; width: 85vw; max-width: 100%; height: auto; } }

/*------------------------------------------Bouton retour en haut------------------------------*/
.btnHaut { position: fixed; bottom: 150px; right: 60px; text-decoration: none; z-index: 10; transition: background-color 0.5s ease; }

.btnHaut:hover { transition: background-color 0.5s ease; }

/*------------------------------------------Boutons Instagram------------------------------*/
.insta-button-container { display: flex; flex-wrap: wrap; gap: 70px; justify-content: center; padding: 8rem 0; }

.insta-button { display: flex; align-items: center; justify-content: center; background-color: #D2FF96; color: black; font-family: 'Malisha', sans-serif; font-size: 24px; text-decoration: none; padding: 12px 20px; border-radius: 30px; width: 250px; text-align: center; transition: 0.3s; }

.insta-button:hover { background-color: #b8e87f; }

.insta-button img { width: 20px; height: 20px; margin-right: 10px; filter: invert(1); }

@media (max-width: 600px) { .button-container { flex-direction: column; align-items: center; } }

/*------------------------------------------Bloc maps------------------------------*/
.maps-section .background-image-div-opacity { background-attachment: fixed; }

.map-content iframe { border-radius: 30px; padding: 20px; }

.maps-section { padding-top: 8rem !important; }

/*------------------------------------------Bloc insta------------------------------*/
.instagramMiroir-div .background-image-div-opacity { background-attachment: fixed !important; }

/*------------------------------------------Bloc Facebook------------------------------*/
.socialsMiroir-div .background-image-div-opacity { background-attachment: fixed !important; }

/*------------------------------------------Bouton Fixe en bas à droite------------------------------*/
.btnFixe { position: fixed; bottom: 20px; right: 20px; z-index: 10; width: 100px; transition: width 0.5s ease; }

.btnFixe:hover { width: 115px; transition: width 0.5s ease; }

/*--------------------------------------Menu de navigation---------------------------*/
.logo_nav { height: 12vh !important; }

.navbar-nav .animated-border-button { background-color: black; padding: 5px 20px; color: white; border-radius: 15px; transition: all 0.3s ease; }

.navbar-nav .animated-border-button:hover { background-color: #b7f0ad; color: black; transition: all 0.3s ease; }

/*--------------------------------------Boutons---------------------------*/
a.button_homepageDoubleScreen { font-weight: normal !important; font-size: 1.3rem !important; }

a.button_header { font-size: 1.3rem !important; }

/*--------------------------------------Bannière Vidéo---------------------------*/
.videoTitle { width: 80% !important; position: relative; display: flex; flex-direction: column; align-items: center; margin-bottom: -100px; }

.videoTitle p { font-size: 1.1rem !important; }

@media (min-width: 1200px) { .h1, h1 { font-size: 3.5rem !important; } }

/*--------------------------------------2 images + texte au milieu---------------------------*/
.align-items-stretch .background-image-div-opacity { background-size: contain; }

div.row.row-cols-1.g-0.row-cols-lg-3.align-items-stretch.minimum-height.bg-primaryColor > div:nth-child(3) > div.background-image-div-opacity { margin-top: -50px; z-index: 4; }

div.row.row-cols-1.g-0.row-cols-lg-3.align-items-stretch.minimum-height.bg-primaryColor > div:nth-child(1) > div.background-image-div-opacity { margin-top: 50px; z-index: 4; }

/*--------------------------------------Transition CTA BANNER---------------------------*/
#transition { padding: 100px !important; }

#transition .content::before, #transition .content::after { content: ""; display: block; width: 300px; height: 70px; background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FfICoREGYeNQroKaXOLh185bt6dO2%2Fimages%2Fseparateur_znko.webp); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: auto; margin-left: auto; }

/*  --------------------------------------------------------------Pages secondaires : réglage de la bannière*/
#secondaires { height: 0 !important; }

#secondaires + style + #fullHeight { height: 70vh !important; }

/*  --------------------------------------------------------------Grandes galeries photos*/
#myGallery { margin-bottom: 50px; }

/*# sourceMappingURL=custom.css.map */