@charset "UTF-8";
@import url(main.css);
:root { --gf-blanc: #FCFEFF; --gf-vert-f: #437118; --gf-vert-c: #AFD06E; --gf-bleu-c: #87AECE; --gf-bleu-f: #1D2A6E; --gf-black: #082535; }

.spacer { display: none !important; }

.navbar .container-fluid { max-width: 1400px; margin: auto; }

a.navbar-brand { width: auto; height: 100%; padding: 1rem 0; }

.animated-border-button::after { background: var(--gf-bleu-f) !important; }

/************************* BOUTONS *************************/
button, input[type="button"], input[type="submit"], input[type="reset"], a[class*="btn"], a[class*="button"] { background: var(--gf-vert-f); text-decoration: none; font-weight: 400 !important; color: var(--gf-blanc) !important; transition: all .4s ease; border-radius: 0 0.75rem !important; border: 1px solid var(--gf-vert-f); padding: 0.5rem 1rem !important; }

button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, a[class*="btn"]:hover, a[class*="button"]:hover { background: var(--gf-vert-c); border-color: var(--gf-vert-c) !important; color: var(--gf-vert-f) !important; }

button.ghost, input.ghost[type="button"], input.ghost[type="submit"], input.ghost[type="reset"], a.ghost[class*="btn"], a.ghost[class*="button"] { background: transparent !important; color: var(--gf-vert-f) !important; }

button.ghost:hover, input.ghost[type="button"]:hover, input.ghost[type="submit"]:hover, input.ghost[type="reset"]:hover, a.ghost[class*="btn"]:hover, a.ghost[class*="button"]:hover { background: transparent !important; color: var(--gf-vert-c) !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.my-2.my-lg-1.p-2.rounded-pill.text-decoration-none.button-header-telephone:nth-child(1) { background: transparent !important; color: var(--gf-vert-f) !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.my-2.my-lg-1.p-2.rounded-pill.text-decoration-none.button-header-telephone:nth-child(1):hover { background: transparent !important; color: var(--gf-vert-c) !important; }

footer img.logo_nav { filter: brightness(0) invert(1); }

#hero::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(51deg, var(--gf-blanc) 10%, rgba(252, 254, 255, 0)); background-size: cover; z-index: 0; }

.hero-content { z-index: 3; }

.hero-title h1 { color: var(--gf-bleu-f); font-size: clamp(28px, 4vw, 54px); }

.hero-desc { color: var(--gf-black); font-size: 1.1rem !important; }

.hero-img-label { background: rgba(29, 42, 110, 0.65); backdrop-filter: blur(4px); }

.hero-img-label p { margin-bottom: 0 !important; }

.hero-img { box-shadow: 0 0 1.5rem rgba(135, 174, 206, 0.3); }

@media (max-width: 640px) { .tw-grid.tw-grid-cols-2 { grid-template-rows: 130px 105px; } }

/* ── RESET PARAGRAPHES ───────────────────────── */
#a-propos p { margin-bottom: 0 !important; font-size: 1.1rem; }

/* ── ICÔNES ──────────────────────────────────── */
.bi-telephone { font-size: 2rem; color: var(--gf-blanc); }

#a-propos .bi-people-fill, #a-propos .bi-shield-fill-check { font-size: 2rem; color: var(--gf-bleu-f); }

/* ── EYEBROW ─────────────────────────────────── */
.about-eyebrow { color: var(--gf-vert-f); }

.about-eyebrow-line { background: var(--gf-vert-f); }

/* ── TITRE ───────────────────────────────────── */
.about-title h2 { color: var(--gf-bleu-f); font-weight: 500 !important; }

/* ── TEXTE INTRO ─────────────────────────────── */
.about-text { color: var(--gf-black); }

/* ── CARTES PICTO ────────────────────────────── */
.about-card-bg { background: rgba(175, 208, 110, 0.3); }

.about-card-icon { color: var(--gf-bleu-f); }

.about-card-title { color: var(--gf-bleu-f); }

.about-card-desc { color: var(--gf-black); }

/* ── BANNIÈRE URGENCE ────────────────────────── */
.about-urgence-bg { background: var(--gf-bleu-f); }

.about-urgence-title { color: var(--gf-blanc); }

.about-urgence-tel { color: var(--gf-vert-c); transition: color 0.4s ease; text-decoration: none; }

.about-urgence-tel:hover { color: var(--gf-bleu-c); }

/* ── STATS ───────────────────────────────────── */
.about-stat-bg { background: var(--gf-blanc); border: 1.5px solid rgba(8, 37, 53, 0.2); }

.about-stat-num { color: var(--gf-bleu-f); }

.about-stat-suffix { color: var(--gf-vert-f); }

.about-stat-label { color: var(--gf-black); opacity: 0.8; }

/* Stats — légèrement plus hautes sans la carte zone */
.about-stat-bg { padding: 28px !important; }

.about-stat-num { font-size: 42px !important; }

/* ── COLONNE DROITE — 4 stats en grille équilibrée ── */
.about-grid > div:last-child { display: flex; flex-direction: column; justify-content: center; }

.about-grid > div:last-child > div:first-child { flex: 1; }

#services { background: #F8FAFB; }

/* === Couleurs à adapter par site === */
.srv-eyebrow { color: #437118; }

.srv-eyebrow-line { background: #AFD06E; }

.srv-title h2 { color: var(--gf-bleu-f); font-weight: 500 !important; }

.srv-layout { grid-template-columns: 220px 1fr; }

.srv-nav__item { color: #082535; background: var(--gf-blanc); }

.srv-nav__item:hover { background: #EEF6DF; }

.srv-nav__item.tw-active { background: #EEF6DF; border-color: #AFD06E !important; color: var(--gf-vert-f); }

#services .srv-nav__item i.bi.tw-text-xl { color: rgba(8, 37, 53, 0.6); }

#services .srv-nav__item.tw-active i.bi.tw-text-xl { color: #437118; }

.srv-nav__arrow { color: rgba(8, 37, 53, 0.6); }

.srv-nav__item.tw-active .srv-nav__arrow { color: #437118; transform: translateX(3px); }

.srv-panel-bg { background: #FCFEFF; }

.srv-panel-border { border-color: rgba(8, 37, 53, 0.08); }

.srv-panel-border-b { border-bottom: 1px solid rgba(8, 37, 53, 0.08); }

.srv-panel__icon { background: #EEF6DF; color: #437118; }

.srv-panel-title { color: var(--gf-bleu-f); }

.srv-panel-sub { color: rgba(8, 37, 53, 0.6); }

.srv-panel-body { color: rgba(8, 37, 53, 0.6); }

.srv-panel__tag { background: #EEF6DF; color: #437118; }

.srv-panel-cta { color: #437118; }

.srv-panel-cta:hover { gap: 12px; }

@media (max-width: 640px) { .srv-layout { grid-template-columns: 1fr; } }

#contact p { margin-bottom: 0 !important; }

.contact-overlay { background: linear-gradient(135deg, rgba(8, 37, 53, 0.88) 0%, rgba(67, 113, 24, 0.82) 100%); }

.contact-eyebrow { color: var(--gf-vert-c); }

.contact-eyebrow-line { background: var(--gf-vert-c); }

.contact-title h2 { font-weight: 500 !important; color: var(--gf-blanc); }

#contact .contact-desc p { color: rgba(252, 254, 255, 0.65); }

.contact-badge { background: rgba(175, 208, 110, 0.15); border: 1px solid rgba(175, 208, 110, 0.3); color: var(--gf-vert-c); }

.contact-badge-dot { background: var(--gf-vert-c); animation: pulse 2s infinite; }

.contact-card { background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.12); backdrop-filter: blur(8px); }

.contact-card:hover { background: rgba(255, 255, 255, 0.12); border-color: rgba(175, 208, 110, 0.4); }

.contact-card__icon { background: rgba(175, 208, 110, 0.15); }

.contact-card__icon-color { color: var(--gf-vert-c); }

.contact-card__label { color: rgba(252, 254, 255, 0.45); }

.contact-card__value { color: var(--gf-blanc); }

.contact-card--primary { background: rgba(175, 208, 110, 0.15) !important; border-color: rgba(175, 208, 110, 0.35) !important; }

.contact-card--primary:hover { background: rgba(175, 208, 110, 0.22) !important; border-color: var(--gf-vert-c) !important; }

.contact-card--primary__value { color: var(--gf-vert-c); }

@keyframes pulse { 0%, 100% { opacity: 1; }
  50% { opacity: 0.35; } }

.first-activity-div.shadow-lg, .second-activity-div.shadow-lg, .third-activity-div.shadow-lg { box-shadow: none !important; }

.first-activity-div .card.shadow-lg, .second-activity-div .card.shadow-lg, .third-activity-div .card.shadow-lg { box-shadow: none !important; }

/* ── CARTES ──────────────────────────────────── */
.first-activity-div, .second-activity-div, .third-activity-div { background-color: var(--gf-blanc) !important; border: 1.5px solid var(--gf-black-20) !important; border-radius: 20px !important; overflow: hidden; }

/* ── TITRES ──────────────────────────────────── */
.first-activity-title, .second-activity-title, .third-activity-title { padding-bottom: 1rem; border-bottom: 2px solid var(--gf-vert-c); width: fit-content; }

.first-activity-title h3, .second-activity-title h3, .third-activity-title h3 { font-size: 26px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.3px !important; color: var(--gf-bleu-f) !important; }

/* ── DESCRIPTIONS ────────────────────────────── */
.first-activity-div .lead p, .second-activity-div .lead p, .third-activity-div .lead p { font-family: var(--font-body) !important; font-size: 14px !important; color: var(--gf-black) !important; line-height: 1.75 !important; }

/* ── LIENS ───────────────────────────────────── */
.first-activity-div a:not(.card-cover a), .second-activity-div a:not(.card-cover a), .third-activity-div a:not(.card-cover a) { color: var(--gf-vert-f) !important; font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 13px !important; text-decoration: none !important; transition: opacity 0.15s; }

.first-activity-div a:not(.card-cover a):hover, .second-activity-div a:not(.card-cover a):hover, .third-activity-div a:not(.card-cover a):hover { opacity: 0.75; }

/* ── IMAGES (card-cover) ─────────────────────── */
.first-activity-div .card-cover, .second-activity-div .card-cover, .third-activity-div .card-cover { border-radius: 12px !important; min-height: 260px; overflow: hidden; transition: transform 0.4s ease; }

.first-activity-div:hover .card-cover, .second-activity-div:hover .card-cover, .third-activity-div:hover .card-cover { transform: scale(1.02); }

/* Overlay sur les images */
.black-screen { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(8, 37, 53, 0.45) 0%, rgba(67, 113, 24, 0.3) 100%) !important; z-index: 1; }

/* Titre dans l'image */
.card-cover .fw-bold a { font-size: 18px !important; color: var(--gf-blanc) !important; text-decoration: none !important; letter-spacing: 0.02em; }

/* ── IMAGE DE FOND (background-image-div-opacity) ── */
.background-image-div-opacity { position: absolute; inset: 0; background-size: cover !important; background-position: center !important; opacity: 0.06; z-index: 0; }

@media (max-width: 640px) { /* ── ABOUT ── */ .about-grid { grid-template-columns: 1fr !important; gap: 2rem !important; } .about-title { font-size: 26px !important; } .about-urgence-tel { font-size: 18px !important; } .about-stat-num { font-size: 28px !important; } /* ── SERVICES ── */ .srv-layout { grid-template-columns: 1fr !important; } .srv-nav { flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important; } .srv-nav__item { flex: 1 1 calc(50% - 4px) !important; } .srv-nav__arrow { display: none !important; } .srv-panel-inner { padding: 1rem !important; } .srv-title { font-size: 26px !important; } .panel-title-text { font-size: 18px !important; } .panel-sub-text { font-size: 14px !important; } /* ── CONTACT ── */ .contact-grid { grid-template-columns: 1fr !important; gap: 2.5rem !important; } .contact-title { font-size: 26px !important; } .contact-card-tel { font-size: 20px !important; } .contact-section { padding: 4rem 1rem !important; } }

/* ------------ correction responsive ------------*/
.about-grid, .srv-layout { position: relative; }

@media (max-width: 768px) { .about-grid { grid-template-columns: 1fr !important; gap: 32px !important; } .srv-layout { grid-template-columns: 1fr !important; } .srv-nav { flex-direction: row !important; flex-wrap: wrap; } .srv-nav__item { flex: 1 1 calc(50% - 8px); } .srv-panel-inner { padding: 20px !important; } #panel-img { height: 180px !important; } }

#hero-sec { padding-top: 15vh !important; }

#hero-sec h1, #hero-sec p { color: var(--gf-blanc) !important; }

/* ── WRAPPER PRINCIPAL ───────────────────────── */
.picto_card { background-color: var(--gf-bleu-f) !important; padding: 56px 40px !important; }

/* ── IMAGE DE FOND OPTIONNELLE ───────────────── */
.picto_card .background-image-div-opacity { position: absolute; inset: 0; background-size: cover !important; background-position: center !important; opacity: 0.05; z-index: 0; }

/* ── GRILLE ──────────────────────────────────── */
.picto_card .row { max-width: 1200px; margin: 0 auto !important; padding: 0 !important; }

/* ── COLONNES ────────────────────────────────── */
.picto_card .col { border-right: 1px solid rgba(255, 255, 255, 0.07); padding: 0 !important; }

.picto_card .col:last-child { border-right: none; }

/* ── CARTE ───────────────────────────────────── */
.picto_card .svg-picto-card { padding: 32px 28px !important; border-radius: 0 !important; display: flex; flex-direction: column; gap: 12px; height: 100%; }

/* ── ICÔNE SVG ───────────────────────────────── */
.picto_card .svg-picto-card svg { width: 40px !important; height: 40px !important; fill: var(--gf-vert-c) !important; color: var(--gf-vert-c) !important; border-radius: 6px; flex-shrink: 0; margin: 0 .5rem; }

/* ── TEXTE ───────────────────────────────────── */
.picto_card .text-color-sixth { color: var(--gf-blanc) !important; text-align: left !important; font-size: unset !important; }

/* Titre (premier <p>) */
.picto_card .text-color-sixth p:first-child { font-family: var(--font-display), "Syne", system-ui, sans-serif; font-size: 1.3rem !important; font-weight: 600 !important; color: var(--gf-blanc) !important; margin-bottom: 8px; line-height: 1.3; }

/* Description (deuxième <p>) */
.picto_card .text-color-sixth p:last-child { font-family: 'Montserrat'; font-size: 1.1rem !important; font-weight: 400 !important; color: rgba(252, 254, 255, 0.5) !important; line-height: 1.6 !important; }

/* ── RESPONSIVE ──────────────────────────────── */
@media (max-width: 900px) { .picto_card .col { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .picto_card .col:last-child { border-bottom: none; } }

@media (max-width: 640px) { .picto_card { padding: 40px 20px !important; } }

/* ════════════════════════════════════════════════ SECTION MAPS — Frangeul Gilles Multiservices CSS uniquement ════════════════════════════════════════════════ */
/* ── WRAPPER ─────────────────────────────────── */
.maps-section { background-color: var(--gf-blanc) !important; padding: 0 !important; overflow: hidden; }

.maps-section .background-image-div-opacity { position: absolute; inset: 0; background-size: cover !important; background-position: center !important; opacity: 0.05; z-index: 0; }

/* ── CONTENEUR PRINCIPAL ─────────────────────── */
.maps-section .content-container { max-width: 1100px; margin: 0 auto; padding: 0 40px; }

.maps-section .informations-list { align-items: stretch; margin: 0 !important; gap: 2rem; }

/* ── COLONNE TEXTE (gauche) ──────────────────── */
.maps-section .content { color: var(--gf-black) !important; padding: 64px 0 64px !important; display: flex; flex-direction: column; justify-content: center; gap: 8px; border-right: 1px solid rgba(255, 255, 255, 0.07); }

/* Titre */
.maps-section .titles h2 { font-size: 28px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.3px !important; color: var(--gf-bleu-f) !important; text-align: left !important; }

\
.maps-section .display-6 { text-align: left !important; margin-bottom: 32px !important; }

/* Ligne décorative sous le titre */
.maps-section .display-6::after { content: ''; display: block; width: 40px; height: 2px; background: var(--gf-vert-c); border-radius: 2px; margin-top: 16px; }

/* ── ITEMS ADRESSE & TÉLÉPHONE ───────────────── */
.maps-section .item-content { margin: 0 !important; display: flex; flex-direction: column; gap: 4px; }

.maps-section .item-content .d-flex { align-items: flex-start; gap: 14px; padding: 18px 20px !important; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; }

/* Icônes */
.maps-section .item-content .bi { font-size: 36px !important; color: var(--gf-vert-c) !important; width: 40px; height: 40px; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin: 0 !important; }

/* Label (Adresse / Téléphone) */
.maps-section .item-content .titles { font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; color: var(--gf-black) !important; display: block; margin-bottom: 3px; }

/* Valeurs */
.maps-section .item-content span.p-1 { font-size: 14px !important; font-weight: 500 !important; color: var(--gf-vert-c) !important; padding: 0 !important; }

/* Lien téléphone */
.maps-section #phone-analytics-tag-maps { font-size: 20px !important; font-weight: 700 !important; color: var(--gf-vert-c) !important; text-decoration: none !important; letter-spacing: 0.02em; padding: 0 !important; transition: color 0.2s ease; }

.maps-section #phone-analytics-tag-maps:hover { color: var(--gf-bleu-c) !important; }

/* ── COLONNE CARTE (droite) ──────────────────── */
.maps-section .map-content { padding: 48px 0 !important; width: calc(66% - 2rem) !important; }

.maps-section .map-content iframe { width: 100% !important; height: 100% !important; min-height: 320px; display: block; border: none !important; filter: grayscale(20%) contrast(1.05); border-radius: 1rem; }

/* ── RESPONSIVE ──────────────────────────────── */
@media (max-width: 991px) { .maps-section .content { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.07); padding: 48px 0 !important; } .maps-section .content-container { padding: 0 20px; } .maps-section .map-content { width: 100% !important; } .maps-section .map-content iframe { min-height: 280px; } }

@media (max-width: 640px) { .maps-section .titles h2 { font-size: 22px !important; } }

/* ════════════════════════════════════════════════ SECTION PHOTO + TEXTE — Frangeul Gilles CSS uniquement ════════════════════════════════════════════════ */
/* ── WRAPPER ─────────────────────────────────── */
.photoText-div { max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; }

/* ── CARTE PRINCIPALE ────────────────────────── */
.photoText-div > .row { background-color: var(--gf-blanc) !important; border: none !important; border-radius: 20px !important; box-shadow: none !important; overflow: hidden; padding: 0 !important; align-items: stretch !important; }

/* ── IMAGE DE FOND OPTIONNELLE ───────────────── */
.photoText-div .background-image-div-opacity { position: absolute; inset: 0; background-size: cover !important; background-position: center !important; opacity: 0.04; z-index: 0; }

/* ── TITRE PRINCIPAL — masqué ────────────────── */
.photoText-div .display-5.titles { display: none !important; }

/* ── COLONNE TEXTE ───────────────────────────── */
.photoText-div .col-lg-6 { padding: 40px 36px !important; display: flex; flex-direction: column; justify-content: center; }

/* Titre H2 */
.photoText-div .lead h2 { font-size: 28px !important; font-weight: 500 !important; line-height: 1.15 !important; letter-spacing: -0.3px !important; color: var(--gf-bleu-f) !important; margin-bottom: 0 !important; padding-bottom: 16px !important; position: relative; }

/* Ligne verte sous le H2 */
.photoText-div .lead h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 48px; height: 2px; background: var(--gf-vert-c); border-radius: 2px; }

/* Paragraphes */
.photoText-div .lead p { font-family: 'Montserrat' !important; font-size: 1.1rem !important; font-weight: 400; color: rgba(8, 37, 53, 0.65) !important; line-height: 1.75 !important; margin-top: 16px !important; margin-bottom: 0 !important; }

/* ── COLONNE IMAGE ───────────────────────────── */
.photoText-div .col-lg-5 { margin: 16px 16px 16px 0 !important; padding: 0 !important; min-height: 320px; }

.photoText-div .col-lg-5 img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; border-radius: 12px !important; }

/* ── RESPONSIVE ──────────────────────────────── */
@media (max-width: 991px) { .photoText-div .col-lg-5 { min-height: 240px; margin: 0 16px 16px !important; } .photoText-div .col-lg-6 { padding: 24px !important; } .photoText-div .lead h2 { font-size: 22px !important; } }

@media (max-width: 640px) { .photoText-div .col-lg-6 { padding: 20px !important; } }

/* ════════════════════════════════════════════════ SECTION PRESTATIONS — Fosse septique Couleurs uniquement — complète les classes Tailwind ════════════════════════════════════════════════ */
\
 .prestations-eyebrow { color: var(--gf-vert-f); }

.prestations-eyebrow-line { background-color: var(--gf-vert-c); }

/* ── TITRE ───────────────────────────────────── */
.prestations-title { color: var(--gf-bleu-f); font-weight: 500 !important; }

.prestations-title-line { background-color: var(--gf-vert-c); }

/* ── CARTES STANDARD ─────────────────────────── */
.prestation-card { background-color: var(--gf-blanc); border-color: rgba(8, 37, 53, 0.1); }

.prestation-icon { background-color: rgba(175, 208, 110, 0.2); }

.prestation-icon .bi { color: var(--gf-vert-f); }

.prestation-card-title { color: var(--gf-black); font-size: 1.3rem !important; }

.prestation-card-desc { color: rgba(8, 37, 53, 0.6); font-weight: 400 !important; font-size: 1.1rem !important; }

/* ── CARTE URGENCE ───────────────────────────── */
.prestation-card--urgence { background-color: rgba(29, 42, 110, 0.06); border-color: rgba(29, 42, 110, 0.2); }

.prestation-icon--urgence { background-color: var(--gf-bleu-f); }

.prestation-icon--urgence .bi { color: var(--gf-vert-c); }

.prestation-card-title--urgence { color: var(--gf-bleu-f); font-size: 1.3rem !important; }

.prestation-badge { background-color: var(--gf-bleu-f); color: var(--gf-vert-c); }

/* ════════════════════════════════════════════════ SECTION SERVICES HOMEPAGE Couleurs uniquement — complète les classes Tailwind ════════════════════════════════════════════════ */
/* ── EYEBROW ─────────────────────────────────── */
.prestations-eyebrow { color: var(--gf-vert-f); }

.prestations-eyebrow-line { background-color: var(--gf-vert-c); }

/* ── TITRE ───────────────────────────────────── */
.prestations-title { color: var(--gf-bleu-f); font-weight: 500; }

.prestations-title-line { background-color: var(--gf-vert-c); }

.prestations-title-accent { color: var(--gf-vert-f); }

/* ── CARTES STANDARD ─────────────────────────── */
.srv-card { background-color: var(--gf-blanc); border-color: rgba(8, 37, 53, 0.1); }

.srv-card-icon { background-color: rgba(175, 208, 110, 0.2); }

.srv-card-icon i { color: var(--gf-vert-f); }

.srv-card-title { color: var(--gf-black); font-size: 1.3rem !important; }

.srv-card-desc { color: rgba(8, 37, 53, 0.6); font-size: 1.1rem !important; }

.srv-card-link { color: var(--gf-vert-f); }

/* Badge urgence */
.srv-badge-urgence { background-color: rgba(29, 42, 110, 0.08); color: var(--gf-bleu-f); }

/* ── CARTE FOSSE SEPTIQUE — mise en avant ────── */
.srv-card--primary { background-color: var(--gf-black); border-color: rgba(255, 255, 255, 0.08); }

.srv-card--primary .srv-card-icon--primary { background-color: rgba(175, 208, 110, 0.15); }

.srv-card--primary .srv-card-icon--primary i { color: var(--gf-vert-c); }

.srv-card--primary .srv-card-title { color: var(--gf-blanc); font-size: 1.3rem; }

.srv-card--primary .srv-card-desc { color: rgba(252, 254, 255, 0.55); font-size: 1.1rem; }

.srv-card--primary .srv-card-link { color: var(--gf-vert-c); }

/* Badge priorité */
.srv-badge { background-color: var(--gf-vert-f); color: var(--gf-blanc); }

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