@charset "UTF-8";
@import url(main.css);
.navbar-brand { height: 9vh !important; width: 9vw !important; }

.logo_nav { height: 8vh !important; }

div.shadow-lg { box-shadow: none !important; }

h2 { color: #f8f8f8; }

/*---------------------------------------------------------BLOC SERVICES------------------------------------------------------------*/
.bloc-k8p2-solutions-durables { text-align: center; margin-bottom: 40px; padding: 50px 40px 40px; background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FpkOvxKY2xadIWqTzxEVsbo1GL5Y2%2Fimages%2Ffond_voiture_Auto_King_3_st46.webp?alt=media&token=cd286ba8-73d1-4eae-97b8-39b442c0d9d7"); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; }

.bloc-k8p2-solutions-title { margin-bottom: 40px; }

.bloc-k8p2-services { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }

.bloc-k8p2-service { flex: 0 0 calc((100% - 20px) / 6); box-sizing: border-box; display: block; text-align: center; background-color: rgba(8, 7, 9, 0.85); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); padding: 22px 20px; border-radius: 12px; border: 1px solid #080709; box-shadow: 0 4px 18px rgba(15, 6, 10, 0.08); text-decoration: none; color: #f8f8f8; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; cursor: pointer; }

.bloc-k8p2-service:hover { transform: translateY(-6px); border-color: #dc3c3a; box-shadow: 0 12px 30px rgba(15, 6, 10, 0.18); }

.bloc-k8p2-service img { width: 70px; height: 70px; margin-bottom: 15px; filter: brightness(0) saturate(100%) invert(32%) sepia(73%) saturate(1412%) hue-rotate(329deg) brightness(95%) contrast(84%); }

.bloc-k8p2-service-text { display: block; }

.bloc-k8p2-service:visited h3 { color: #fff; }

.bloc-k8p2-service:hover h3 { color: #dc3c3a !important; transition: color 0.3s ease; }

.bloc-k8p2-service:visited:hover h3 { color: #dc3c3a !important; }

.bloc-k8p2-solutions-durables, .bloc-k8p2-solutions-durables * { box-sizing: border-box; }

/* Grand écran : 3 cartes par ligne */
@media (max-width: 1200px) { .bloc-k8p2-service { flex: 0 0 calc((100% - 40px) / 3); } }

/* Tablette : 2 cartes par ligne */
@media (max-width: 900px) { .bloc-k8p2-solutions-durables { padding: 45px 30px 35px; } .bloc-k8p2-service { flex: 0 0 calc((100% - 20px) / 2); } }

/* Mobile : 1 carte par ligne */
@media (max-width: 600px) { .bloc-k8p2-solutions-durables { padding: 40px 20px 30px; background-attachment: scroll; } .bloc-k8p2-services { gap: 16px; } .bloc-k8p2-service { flex: 0 0 100%; padding: 20px 16px; } .bloc-k8p2-service img { width: 60px; height: 60px; } }

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

@media (min-width: 992px) { #reverse .row.flex-lg-row-reverse { flex-direction: row !important; } }

.fs-5.lead ul { list-style: none; padding-left: 0; margin-top: 10px; margin-bottom: 10px; }

.fs-5.lead ul li { position: relative; padding-left: 26px; margin-bottom: 6px; /* réduit l’espace vertical */ line-height: 1.35; /* texte plus compact */ }

.fs-5.lead ul li::before { content: "✓"; position: absolute; left: 0; top: 2px; color: #dc3c3a; /* vert doux adapté au thème sombre */ font-weight: bold; }

/* Supprime l’espace généré par les <p> dans les li */
.fs-5.lead ul li p { margin-bottom: 0; }

/*---------------------------------------------------------FACEBOOK----------------------------------------------------------------*/
.text-center.titles.text-color-sixth { padding: 20px 80px 20px 40px; }

.socialsMiroir-div.p-3 { padding-top: 30px !important; padding-bottom: 30px !important; margin-bottom: 30px; }

/*---------------------------------------------------------BLOC MAPS----------------------------------------------------------------*/
.map-content { padding: 25px 25px 25px 40px; }

/*---------------------------------------------------------BLOC Vente de véhicules----------------------------------------------------------------*/
.bloc-k9m2-promo-block { background: #080709; display: flex; align-items: center; gap: 48px; padding: 64px; border-radius: 24px; }

.bloc-k9m2-promo-content { flex: 1; color: #f8f8f8; }

.bloc-k9m2-promo-main-title h2 { margin: 0 0 40px; color: #f8f8f8; line-height: 1.1; }

.bloc-k9m2-promo-main-text p { margin: 0 0 32px; color: #f8f8f8; line-height: 1.6; }

.bloc-k9m2-promo-card { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 24px; border: 1px solid rgba(248, 248, 248, 0.18); border-radius: 16px; background: rgba(248, 248, 248, 0.06); }

.bloc-k9m2-promo-card-text { color: #f8f8f8; }

.bloc-k9m2-promo-card-text p { margin: 0; color: #f8f8f8; line-height: 1.5; }

.bloc-k9m2-promo-button { display: inline-block; padding: 12px 22px; background: #dc3c3a; color: #f8f8f8; text-decoration: none; border-radius: 999px; transition: background 0.25s ease; white-space: nowrap; }

.bloc-k9m2-promo-button p { margin: 0; }

.bloc-k9m2-promo-button:hover { background: #cb2624; color: #f8f8f8; text-decoration: none; }

.bloc-k9m2-promo-image { flex: 1; }

.bloc-k9m2-promo-image img { width: 100%; height: auto; display: block; object-fit: cover; }

@media (max-width: 768px) { .bloc-k9m2-promo-block { flex-direction: column; padding: 32px 24px; } .bloc-k9m2-promo-main-title h2 { font-size: 32px; } .bloc-k9m2-promo-card { flex-direction: column; align-items: flex-start; } }

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