/* Fichier : /assets/css/village-finitions.css
 * Finitions communes à toutes les pages, chargées en dernier (accueil compris).
 * 1. bouton « Gérer mes cookies » rangé dans le pied de page (déplacé par village-finitions.js)
 * 2. photos réelles sur la page paysagiste (arrière-plans CSS, HTML inchangé)
 * 3. derniers restes de vert de l'ancien style ramenés à la palette Village
 * Uniquement du style : aucun texte ni lien n'est modifié. */

/* 1. Gérer mes cookies dans le pied de page */
html:root:root:root body .consent-manage.consent-manage--pied {
  position: static !important; inset: auto !important; z-index: auto !important; max-width: none !important;
  min-height: 44px; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important;
  color: #C9D4DF !important; font: inherit !important; font-size: inherit !important; text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
html:root:root:root body .consent-manage.consent-manage--pied:hover { color: #FFC86B !important; }
html:root:root:root body .consent-manage.consent-manage--pied:focus-visible { outline: 3px solid #FFC86B; outline-offset: 2px; }
html:root:root:root body .vp-footer__bottom { flex-wrap: wrap; align-items: center; column-gap: 24px; }
/* Bouton encore flottant (pages sans pied de page) : couleurs Village */
html:root:root:root body .consent-manage:not(.consent-manage--pied) { border: 1px solid #FFF4DF !important; background: #0C1A2E !important; color: #FFF4DF !important; }

/* 2. Page paysagiste : vraies photos de jardins à la place des dégradés vides */
html:root:root:root body .trade-portfolio-hero { background: var(--vl-clair) !important; }
html:root:root:root body .portfolio-collage .portfolio-frame { background-size: cover !important; background-position: center !important; border-color: #FFF9EC !important; box-shadow: 0 0 0 1px var(--vl-filet) !important; }
html:root:root:root body .portfolio-collage .frame-a { background-image: url("../img/paysagiste/amenagement-jardin-contemporain.webp") !important; }
html:root:root:root body .portfolio-collage .frame-b { background-image: url("../img/paysagiste/terrasse-paysagere.webp") !important; }
html:root:root:root body .portfolio-collage .frame-c { background-image: url("../img/paysagiste/paysage-maison-exterieur.webp") !important; }
html:root:root:root body .portfolio-collage .portfolio-frame > span { background: rgba(12, 26, 46, .86) !important; color: #FFF4DF !important; border-radius: 0 !important; }
html:root:root:root body .portfolio-feature__visual {
  background: linear-gradient(180deg, rgba(12, 26, 46, 0) 35%, rgba(12, 26, 46, .82) 100%), url("../img/paysagiste/plantation-arbustes.webp") center / cover no-repeat !important;
  border-radius: 0 !important; box-shadow: none !important;
}
html:root:root:root body main .portfolio-feature__visual strong { color: #FFF4DF !important; }
html:root:root:root body main.vp-trade-page:has(.trade-portfolio-hero) section aside > strong { color: var(--vl-texte) !important; }
html:root:root:root body main.vp-trade-page:has(.trade-portfolio-hero) section aside { background: var(--vl-clair2) !important; border-color: var(--vl-filet) !important; }

/* 3. Restes de vert */
/* En-tête et menu mobile : encre en clair, crème en sombre (le lien actif garde sa couleur) */
html:root:root:root body .vp-header :is(.vp-brand__name, .vp-nav a:not([aria-current]):not(.vp-button), .vp-mobile-menu nav a:not([aria-current]):not(.vp-button), .vp-theme-picker__menu button) { color: var(--vl-texte) !important; }
html:root:root:root body .vp-brand__name > span { color: inherit; }
/* Pied de page */
html:root:root:root body .vp-footer p { color: #C9D4DF !important; }
html:root:root:root body .vp-footer__bottom, html:root:root:root body .vp-footer__bottom > span { color: #A9B8C8 !important; }
/* Accueil, sombre : étapes « Trois étapes simples » */
html:root:root:root[data-theme="dark"] body .vp-process li > div { background: var(--vl-nuit2) !important; border-color: var(--vl-filet-nuit) !important; border-radius: 0 !important; }
html:root:root:root[data-theme="dark"] body .vp-care-visual :is(.vp-care-pill, .vp-care-panel__eyebrow) { color: var(--vl-creme) !important; }
/* WebpackPro ou Wix, sombre : tableau comparatif */
html:root:root:root[data-theme="dark"] body .vp-comparison { background: var(--vl-nuit2) !important; border-color: var(--vl-filet-nuit) !important; }
/* Plan du site, sombre */
html:root:root:root[data-theme="dark"] body .vp-sitemap-section { background: var(--vl-nuit2) !important; border-color: var(--vl-filet-nuit) !important; }
html:root:root:root[data-theme="dark"] body .vp-sitemap-section h2 { color: var(--vl-creme) !important; }
/* Pages métiers, sombre */
html:root:root:root[data-theme="dark"] body main .vp-container > ol > li { background-color: var(--vl-nuit2) !important; border-color: var(--vl-filet-nuit) !important; }
html:root:root:root[data-theme="dark"] body main .dispatch-proof { background: var(--vl-nuit2) !important; }
html:root:root:root[data-theme="dark"] body main :is(.circuit-heading h1, .circuit-heading .vp-mobile-offer-summary span, .circuit-callout > span, .circuit-price > span, .dispatch-request:not(.dispatch-request--urgent)) { color: var(--vl-creme) !important; }
html:root:root:root body main .dispatch-console__top b { color: #FFC86B !important; }
/* Blog et articles */
html:root:root:root body main .blog-section-heading h2, html:root:root:root body main .pt-roadmap-head h2 { color: var(--vl-texte) !important; }
html:root:root:root body main .action-panel li { color: var(--vl-texte) !important; }
html:root:root:root body main :is(.blog-silo-card, .blog-latest-card, .blog-latest) { border-color: var(--vl-filet) !important; }
html:root:root:root body main .blog-silo-card__separator { background: var(--vl-filet) !important; }
html:root:root:root body main .blog-hero__dashboard-header > span { background: var(--vl-filet) !important; }
html:root:root:root[data-theme="dark"] body main .toc a:not(.is-active):not([aria-current]) { color: var(--vl-doux) !important; }
html:root:root:root[data-theme="dark"] body main :is(.toc > strong, .pillar-return) { color: var(--vl-creme) !important; }
html:root:root:root[data-theme="dark"] body main .pillar-return { border-color: var(--vl-filet-nuit) !important; }
html:root:root:root body main .pillar-hero .eyebrow { background: rgba(255, 200, 107, .14) !important; color: #FFC86B !important; border-color: rgba(255, 200, 107, .4) !important; }
html:root:root:root body main .silo-nav > .container { background: var(--vl-nuit2) !important; background-image: none !important; }
/* Pourquoi 159 € : textes et graphique du haut de page */
html:root:root:root body main :is(.pt-lead, .pt-story-status, .pt-chapter__title, .pt-story-toggle) { color: var(--vl-texte) !important; }
html:root:root:root body main .pt-story-toggle { border-color: var(--vl-filet) !important; }
html:root:root:root body main .pt-chapter__toggle { border-color: var(--vl-texte) !important; }
html:root:root:root body main .pt-hero-visual svg stop[stop-color="#d8ff62"] { stop-color: #FFC86B; }
html:root:root:root body main .pt-hero-visual svg stop[stop-color="#61d6a3"] { stop-color: #FFE2A8; }
html:root:root:root body main .pt-hero-visual svg :is([fill="#d8ff62"], [fill="#61d6a3"]) { fill: #FFC86B; }
html:root:root:root body main .pt-hero-visual svg [fill="#dcebe6"] { fill: #FFF4DF; }
html:root:root:root body main .pt-hero-visual svg [fill^="rgba(216,255,98"], html:root:root:root body main .pt-hero-visual svg [fill^="rgba(97,214,163"] { fill: rgba(255, 200, 107, .22); }
html:root:root:root body main .pt-hero-visual svg [stroke^="rgba(216,255,98"], html:root:root:root body main .pt-hero-visual svg [stroke^="rgba(97,214,163"] { stroke: rgba(255, 200, 107, .4); }
html:root:root:root body main .pt-hero-visual svg :is([fill^="rgba(8, 29, 22"], [fill^="rgba(12,33,24"]) { fill: rgba(12, 26, 46, .92); }
html:root:root:root body main .pt-hero-visual svg [stroke="#102c26"] { stroke: #0C1A2E; }
html:root:root:root body main .pt-hero-visual svg rect { rx: 0; }
/* Avis clients (cartes de secours) */
html:root:root:root body main .review-card :is(.review-card__name, .review-card__text) { color: var(--vl-texte) !important; }
html:root:root:root body main .review-card :is(.review-card__source, .review-card__period, .review-card__footer, .review-card__footer span) { color: var(--vl-doux) !important; }
html:root:root:root body main .reviews-fallback__notice { color: var(--vl-doux) !important; }
/* Numéros des projets paysagiste : lisibles sur crème */
html:root:root:root body main .portfolio-project-list article > span { color: var(--vl-doux) !important; }