@charset "UTF-8";
@import url(main.css);
#navbarSupportedContent > div > a:nth-child(2) { display: none !important; }

.animated-border-button:after { background-color: #e2e2e2; }

nav a { text-decoration: none !important; }

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

/*--------------------------------------------Ajustements SEO-------------------------------------*/
.first-banner-seo-page .background-image-div-opacity { background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2Fgozyc06EwONNl0BjC5pDGXF3hzQ2%2Fimages%2FChatGPT_Image_11_fevr_2026_16_45_06_v6c8.webp?alt=media&token=5346e289-9479-48a9-affe-1d5d717684ae) !important; opacity: 0.7 !important; }

.logo-seo-page { content: url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2Fgozyc06EwONNl0BjC5pDGXF3hzQ2%2Fimages%2FLogo_anime_cc4l.gif?alt=media&token=4f665515-bea6-4f5d-9cd4-1aa8e92d28ba") !important; }

#logo-seo-page + .my-5 + #contact .col-md-10 { width: 100% !important; }

#logo-seo-page + .my-5.pb-4 + #contact .text-color-sixth { display: none; }

#logo-seo-page + .my-5 + #contact { background: linear-gradient(to bottom, #ffffff 0%, #f4fefe 40%, #dffafa 70%, #9fe7e7 100%); }

.bandeau { background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2Fgozyc06EwONNl0BjC5pDGXF3hzQ2%2Fimages%2FChatGPT_Image_11_fevr_2026_16_45_06_v6c8.webp?alt=media&token=5346e289-9479-48a9-affe-1d5d717684ae); background-size: cover; background-position: center; background-attachment: fixed; }

.bandeau h1 { font-family: 'Style Script'; font-weight: 500 !important; text-shadow: 4px 4px 14px rgba(0, 0, 0, 0.6); color: #f2ff6a !important; backdrop-filter: blur(10px); padding: 20px; border-radius: 20px; }

#navbarSupportedContent > ul > li.dropdown.px-4 > div > a:nth-child(1) { font-size: 0.8em !important; }

#navbarSupportedContent > ul > li.dropdown.px-4 > div > ul { background-color: #C3D9C6 !important; }

#navbarSupportedContent > ul > li.dropdown.px-4 > div > ul a { transition: all 0.5s ease; background-color: #C3D9C6 !important; }

#navbarSupportedContent > ul > li.dropdown.px-4 > div > ul a:hover { background-color: #FFFEC3 !important; }

/*--------------------------------------------Responsive--------------------------------------*/
@media (max-width: 900px) { .fondDegradeLogo { max-width: 150px !important; } .je3d-section { padding: 6rem 10px !important; } .je3d-wave { display: none; } .service-content h3 { font-size: 2.1rem; } h1 > strong:nth-child(1) > span { font-size: 1em !important; } }

/* ----------------------------------------------Bloc Espacement----------------------------------------------*/
.b-bloc-divider { height: 100px !important; background-color: transparent !important; border: none !important; box-shadow: none !important; }

/*------------------------------------------Bannière accueil-------------------------------*/
#fullHeight h1 { letter-spacing: normal !important; }

.fondDegradeLogo { max-width: 350px; }

/*-------------------------------------------------Paragraphe vague--------------------------------------*/
.je3d-section { position: relative; padding: 6rem 0 0 0; overflow: hidden; }

.je3d-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 4rem; align-items: center; }

.je3d-text h2 { font-weight: 400 !important; margin-bottom: 1rem; }

.je3d-text h3 { margin-bottom: 1.5rem; font-family: 'Style Script'; font-size: 2.5rem; }

.je3d-text p { line-height: 1.7; margin-bottom: 2rem; }

.je3d-cta { display: inline-block; padding: 0.9em 1.8em; border-radius: 50px; text-decoration: none; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; }

.je3d-cta:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); }

.je3d-image img { width: 100%; height: auto; border-radius: 22px; box-shadow: 0 25px 70px rgba(0, 0, 0, 0.18); transform: rotate(-1.5deg); transition: transform 0.4s ease, box-shadow 0.4s ease; }

.je3d-image img:hover { transform: rotate(0deg) scale(1.02); box-shadow: 0 35px 90px rgba(0, 0, 0, 0.25); }

/* Vague subtile ton sur ton */
.je3d-wave { position: relative; width: 100%; height: 140px; margin-top: 5rem; line-height: 0; }

.wave-back { fill: #f2dcc4; /* teinte proche du bas du fond */ opacity: 0.35; }

.wave-front { fill: #ffffff; }

@media (max-width: 900px) { .je3d-container { grid-template-columns: 1fr; text-align: center; } .je3d-image img { transform: none; } }

.je3d-stamped { position: relative; z-index: 1; }

/* Logo tampon */
.je3d-stamped::after { content: ""; position: absolute; bottom: -10px; right: -20px; width: 160px; height: 160px; background: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fgozyc06EwONNl0BjC5pDGXF3hzQ2%2Fimages%2FChatGPT_Image_11_fevr_2026_16_18_03_vn2x.webp") no-repeat center; background-size: contain; opacity: 0.20; /* très discret */ transform: rotate(-12deg); pointer-events: none; z-index: 0; }

/*-----------------------------------------------------------------------------Bloc zone d’intervention-----------------------------------*/
/* ===== Section zone + map ===== */
.zone-map { padding: 50px 20px; display: flex; justify-content: center; margin: 80px 0; }

.zone-map-inner { display: grid; grid-template-columns: 1fr 1.2fr; gap: 22px; max-width: 1100px; width: 100%; background: rgba(255, 255, 255, 0.55); backdrop-filter: blur(14px); border-radius: 22px; padding: 22px; border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1); }

/* bloc texte */
.zone-map-info { display: flex; gap: 16px; align-items: center; font-size: 1.1rem; line-height: 1.5; }

.zone-map-info span { opacity: .7; }

.zone-icon { font-size: 32px; }

/* map */
.zone-map-frame { width: 100%; height: 100%; min-height: 220px; border-radius: 16px; overflow: hidden; }

.zone-map-frame iframe { width: 100%; height: 100%; border: 0; }

/* responsive */
@media (max-width: 800px) { .zone-map-inner { grid-template-columns: 1fr; } .zone-map-frame { height: 250px; } }

/*---------------------------------Avant-Après------------------------------------*/
.image-before-after-container { border-radius: 15px; }

.before-after-images-column { min-height: 600px; }

/*----------------------------------------------Bloc services-----------------------------------*/
.services-section { padding: 100px 20px; background: linear-gradient(to bottom, rgba(93, 220, 220, 0) 0%, rgba(93, 220, 220, 0.25) 50%, rgba(93, 220, 220, 0) 100%); background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fgozyc06EwONNl0BjC5pDGXF3hzQ2%2Fimages%2FCouleurs_1_81km.webp); background-size: contain; background-position: center; background-repeat: no-repeat; }

.services-header { text-align: center; max-width: 700px; margin: 0 auto 50px; background: rgba(255, 255, 255, 0.55); backdrop-filter: blur(14px); border-radius: 22px; padding: 22px; border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1); }

.services-header .lead { margin-top: 10px; }

/* ===== GRID ===== */
.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 28px; max-width: 1200px; margin: auto; }

/* ===== CARD ===== */
.service-card { position: relative; border-radius: 22px; overflow: hidden; background: rgba(255, 255, 255, 0.55); backdrop-filter: blur(14px); border: 1px solid rgba(0, 0, 0, 0.06); transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); }

.service-card:hover { transform: translateY(-8px); box-shadow: 0 18px 50px rgba(0, 0, 0, 0.15); }

/* ===== IMAGE ===== */
.service-img { height: 200px; overflow: hidden; }

.service-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }

.service-card:hover img { transform: scale(1.08); }

/* ===== CONTENT ===== */
.service-content { padding: 22px; position: relative; z-index: 1; display: flex; min-height: 400px; justify-content: space-between; flex-direction: column; }

.services-header h2 { font-family: 'Style Script'; font-size: 2.5rem; }

.service-content h3 { margin-bottom: 10px; }

.service-content p { opacity: .75; margin-bottom: 18px; }

/*------------------------------------Contact--------------------------------------------------*/
#contact .titles { font-size: 1.25rem !important; line-height: 1.5 !important; background: rgba(255, 255, 255, 0.55); backdrop-filter: blur(14px); border-radius: 22px; padding: 22px; border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1); width: fit-content; margin: auto; }

#contact .titles::before { content: ''; background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2Fgozyc06EwONNl0BjC5pDGXF3hzQ2%2Ftextfiles%2FLogo%20anim%C3%A9.gif?alt=media&token=3e5234c5-852a-4453-a38e-03a6201679df); width: 90%; height: 200px; background-size: contain; background-position: center; background-repeat: no-repeat; display: block; margin-left: auto; margin-right: auto; margin-bottom: 50px; }

#contact .background-image-div-opacity { background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2Fgozyc06EwONNl0BjC5pDGXF3hzQ2%2Fimages%2FChatGPT_Image_11_fevr_2026_16_45_06_v6c8.webp?alt=media&token=5346e289-9479-48a9-affe-1d5d717684ae) !important; opacity: 0.3; background-attachment: fixed; background-position: center; }

/*-------------------Galerie Custom--------------------------*/
#custom-gallery { padding-top: 40px; }

@media screen and (min-width: 991px) { #custom-gallery { padding: 60px 30px 0 30px; } }

#custom-gallery .image { height: 400px !important; margin: 20px 0; }

.img-wrapper { position: relative; height: 100%; margin-top: 15px; }

.img-wrapper img { width: 100%; }

.img-overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0; }

.img-overlay i { color: #fff; font-size: 3em; }

#overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#overlay img { margin: 0; width: 80%; height: auto; object-fit: contain; padding: 5%; }

@media screen and (min-width: 768px) { #overlay img { width: 60%; } }

@media screen and (min-width: 1200px) { #overlay img { width: 50%; } }

#nextButton { color: #fff; font-size: 2em; transition: opacity 0.8s; }

#nextButton:hover { opacity: 0.7; }

@media screen and (min-width: 768px) { #nextButton { font-size: 3em; } }

#prevButton { color: #fff; font-size: 2em; transition: opacity 0.8s; }

#prevButton:hover { opacity: 0.7; }

@media screen and (min-width: 768px) { #prevButton { font-size: 3em; } }

#exitButton { color: #fff; font-size: 2em; transition: opacity 0.8s; position: absolute; top: 15px; right: 15px; }

#exitButton:hover { opacity: 0.7; }

@media screen and (min-width: 768px) { #exitButton { font-size: 3em; } }

.img-responsive { height: 100% !important; object-fit: cover !important; border-radius: 10px; }

/*---------------------------------Boutons MODERN UI 2026---------------------------------*/
a.button_header, a.button_homepageScreen, a.button_homepageDoubleScreen, a.service-link { position: relative !important; display: inline-block !important; padding: 14px 30px !important; border-radius: 16px !important; text-decoration: none !important; color: white !important; font-weight: 600 !important; letter-spacing: 0.4px !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; backdrop-filter: blur(8px) !important; transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) !important; z-index: 1 !important; /* GRADIENT PEPS */ background: linear-gradient(120deg, #f18137, #f4e71f, #f71126, #8541c9, #5fdcdc, #16bb4b) !important; background-size: 300% 300% !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25), 0 0 0 rgba(0, 0, 0, 0) !important; }

/* Lumière interne douce */
a.button_header::before, a.button_homepageScreen::before, a.button_homepageDoubleScreen::before, a.service-link::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.35), transparent 60%) !important; opacity: 0.4 !important; transition: opacity 0.4s ease !important; z-index: 0 !important; }

/* Bordure glow animé */
a.button_header::after, a.button_homepageScreen::after, a.button_homepageDoubleScreen::after, a.service-link::after { content: "" !important; position: absolute !important; inset: -2px !important; border-radius: 18px !important; background: linear-gradient(120deg, #f18137, #f71126, #8541c9, #5fdcdc, #16bb4b) !important; z-index: -1 !important; filter: blur(12px) !important; opacity: 0.7 !important; transition: opacity 0.3s ease !important; }

/* HOVER = vivant */
a.button_header:hover, a.button_homepageScreen:hover, a.button_homepageDoubleScreen:hover, a.service-link:hover { transform: translateY(-4px) scale(1.04) !important; background-position: right center !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35), 0 0 25px rgba(255, 255, 255, 0.15) !important; }

/* Glow plus intense au hover */
a.button_header:hover::after, a.button_homepageScreen:hover::after, a.button_homepageDoubleScreen:hover::after, a.service-link:hover::after { opacity: 1 !important; }

/* Press effect réaliste */
a.button_header:active, a.button_homepageScreen:active, a.button_homepageDoubleScreen:active, a.service-link:active { transform: translateY(1px) scale(0.97) !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important; }

/* Accessibilité focus */
a.button_header:focus, a.button_homepageScreen:focus, a.button_homepageDoubleScreen:focus, a.service-link:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important; }

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