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

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

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

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

/*---------------------------------------------------------SERVICES-------------------------------------------------------------------*/
.services { padding: 4rem 1.5rem; background-color: #231F20; }

.services-container { max-width: 1200px; margin: 0 auto; }

.services h2 { text-align: center; margin-bottom: 3rem; color: white; font-weight: 700 !important; }

.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 370px)); gap: 2rem; justify-content: center; }

.service-content h3 { font-size: 1.1rem !important; margin-bottom: 0.5rem; font-weight: 600 !important; }

.service-content p { font-size: 0.9rem; color: #231f20; }

/* CARTE – état normal */
.service-card { background-color: #faa633; padding: 2.5rem 1.5rem; border-radius: 8px; text-decoration: none; /* couleur pilote pour le SVG */ color: #231f20; text-align: center; position: relative; overflow: hidden; transition: background-color 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1); }

/* CARTE – hover / focus */
.service-card:hover, .service-card:focus-visible { background-color: #212525; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* couleur pilote icône + texte */ color: #faa633; }

/* SVG – plus grand */
.service-card svg { width: 104px; height: 104px; display: block; margin: 0 auto; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); }

/* Héritage couleur SVG */
.service-card svg path { fill: currentColor; }

/* Animation icône */
.service-card:hover svg, .service-card:focus-visible svg { transform: translateY(-10px); }

/* TEXTE */
.service-content h3, .service-content p { color: currentColor; }

.service-card svg { margin-bottom: 1.2rem; }

/* Mobile : pas de hover, on montre le texte */
@media (max-width: 768px) { .service-content { opacity: 1; transform: none; } }

@media (max-width: 600px) { .services-grid { grid-template-columns: 1fr; } }

.partenaires-carousel-logo { filter: none !important; }

img.logo-seo-page { content: url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FTmTOdqx51VcOQ3zAzFjDQlzs4wi2%2Fimages%2Flogo_blanc_Breizh_TP_35__iufs.webp?alt=media&token=4d4b6093-6157-4d42-8dfe-0d2f92656965"); max-width: 180px; /* ajuste si besoin */ height: auto; }

div#custom-cards .logo_nav { content: url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FTmTOdqx51VcOQ3zAzFjDQlzs4wi2%2Fimages%2Flogo_blanc_Breizh_TP_35__iufs.webp?alt=media&token=4d4b6093-6157-4d42-8dfe-0d2f92656965"); height: 48px; /* taille adaptée aux blocs */ width: auto; object-fit: contain; }

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