@charset "UTF-8";
@import url(main.css);
div.shadow-lg { box-shadow: none !important; }

.navbar-brand { height: 10vh !important; width: 10vw !important; }

.logo_nav { height: 9vh !important; }

.row.mt-5.flex-lg-row, .row.mt-5.flex-lg-row-reverse { margin-top: 1rem !important; }

/*---------------------------------------------------------Dépannage------------------------------------------*/
.depannage { /* Fond et image */ background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FyAMwjl2X4gMQlLnZqTakJE3zr4J3%2Fimages%2FArt_Toit_rs_9xn7.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; /* Espacement */ padding: clamp(80px, 10vw, 100px) 2rem; text-align: center; /* Couleur de secours */ background-color: #212529; }

.depannage-container { max-width: 900px; margin: 0 auto; }

.depannage h2 { margin-bottom: 2rem; font-size: 2rem; font-weight: 700 !important; color: #be952e; text-transform: uppercase; }

.depannage p { color: #fff; max-width: 700px; margin: 0 auto 2.5rem; font-size: 1.13rem; font-weight: 500 !important; }

.depannage-actions { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }

.depannage-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.75rem; border-radius: 999px; text-decoration: none; font-weight: 600; background-color: #be952e; color: #000; border: none; transition: background-color 0.25s ease, transform 0.25s ease; }

.depannage-btn:hover { background-color: #9e7c26; color: #000; transform: translateY(-3px); }

.depannage-btn:focus-visible { outline: 3px solid rgba(0, 0, 0, 0.4); outline-offset: 3px; }

/* Mobile */
@media (max-width: 480px) { .depannage-actions { flex-direction: column; } }

/*---------------------------------------------------------FUITES------------------------------------------*/
.fuites { /* Espacement */ padding: clamp(50px, 8vw, 70px) 2rem; text-align: center; }

.fuites-container { max-width: 1000px; margin: 0 auto; background-color: #be952e; padding: 50px 2rem; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); }

.fuites h2 { margin-bottom: 2rem; font-size: 2rem; font-weight: 700 !important; color: #032e4f; text-transform: uppercase; }

.fuites p { color: #212529; max-width: 700px; margin: 0 auto 2.5rem; font-size: 1.13rem; font-weight: 500 !important; }

.fuites-actions { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }

.fuites-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.75rem; border-radius: 999px; text-decoration: none; font-weight: 600; background-color: #032e4f; color: #ffffff; border: none; transition: background-color 0.25s ease, transform 0.25s ease; }

.fuites-btn:hover { background-color: #02233c; color: #ffffff; transform: translateY(-3px); }

.fuites-btn:focus-visible { outline: 3px solid rgba(255, 255, 255, 0.6); outline-offset: 3px; }

.fuites-btn, .fuites-btn span { color: #ffffff !important; }

.fuites-btn:hover, .fuites-btn:hover span { color: #ffffff !important; }

/* Mobile */
@media (max-width: 480px) { .fuites-actions { flex-direction: column; } }

@media (max-width: 768px) { .fuites-container { padding: 40px 1.5rem; border-radius: 12px; } }

/*---------------------------------------------------------Carte------------------------------------------*/
.bg-spa-full { background-color: #be952e; position: relative; width: 100%; padding: 0.5rem 0; /* espace vertical du fond */ }

.bg-spa-full .background-image-div-opacity { position: absolute; inset: 0; z-index: 0; }

.bg-spa-full .container { position: relative; z-index: 1; }

/*---------------------------------------------------------FOND BLANC------------------------------------------*/
.fond-blanc { background-color: #fcf9ef; position: relative; width: 100%; padding: 0rem 0; /* espace vertical du fond */ }

.fond-blanc .background-image-div-opacity { position: absolute; inset: 0; z-index: 0; }

.fond-blanc .container { position: relative; z-index: 1; }

/*---------------------------------------------------------Avant - Après------------------------------*/
/*------Couleur des lignes---*/
.slider-before-after-images:before, .slider-before-after-images:after { background: #be952e !important; }

/*------Couleur du rond---*/
.slider-before-after-images { border: 3px solid #be952e !important; background: #be952e !important; }

/*------Couleur des flêches---*/
.bi-chevron-left::before, .bi-chevron-right::before { color: #032e4f; }

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