/*FONTS https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Libre+Caslon+Text:ital@0;1&display=swap */
/* CONTEMPORAIN : premium épuré (électricien domotique, cuisiniste, paysagiste haut de gamme, architecte d'intérieur).
   Beaucoup de blanc, titrage grand et léger, touches serif italiques, monochrome + accent profond. */

:root {
  --bg: #FFFFFF;
  /* Alternance des fonds : une section sur deux (base.css, classes bande-a / bande-b
     posées par build.js selon le RANG de la section, pas son nom). */
  --bande-a: #FFFFFF;
  --bande-b: #FAFAF9;
  --surface: #FAFAF9;
  --ink: #17181A;
  --muted: #6E7075;
  --line: #E4E4E2;
  --accent: #343b47;
  --accent-fonce: #343b47;
  --sur-accent: #F4F6F5;
  --font-display: "Instrument Sans", "Segoe UI", sans-serif;
  --font-body: "Instrument Sans", "Segoe UI", sans-serif;
  /* LA TROISIÈME FAMILLE DU THÈME, EN JETON (23/09/2026). Le surtitre du héro et les légendes
     sont en Libre Caslon Text italique : c'est la respiration lettrée de ce thème. La famille
     était écrite EN DUR dans les deux règles — donc invisible pour build.js, qui rebranche les
     jetons quand un client pose ses propres polices (style.polices remplace le lien du thème).
     Vilidéco (Playfair + Inter) affichait ces deux textes en Georgia sans que rien ne le dise.
     En jeton, la DA libre les emmène avec elle. */
  --font-accent: "Libre Caslon Text", Georgia, serif;
  --poids-titre: 500;
  --radius: 2px;
  --radius-img: 0;
  --header-bg: #FFFFFF;
  --champ-bg: #FFFFFF;
  --vitesse-reveal: 0.8s;
  --sobre-bg: #343b47;
  --sobre-ink: #F4F6F5;
  --sobre-accent: #d1be94;
}

h1 { letter-spacing: -0.025em; font-size: clamp(2.4rem, 6vw, 4.2rem); }
h2 { letter-spacing: -0.02em; font-size: clamp(1.7rem, 3.4vw, 2.5rem); }

.hero-metier {
  font-family: var(--font-accent);
  font-style: italic; text-transform: none; letter-spacing: 0;
  font-size: 1.05rem; font-weight: 400; color: var(--muted);
}
.hero-plein .hero-metier { color: #E9ECEA; }
.hero-sous { font-weight: 400; }

.btn {
  text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.12em;
  font-weight: 600; padding: 15px 30px;
}
.btn-contour { border-width: 1px; }

.section-inner { padding-top: clamp(80px, 11vw, 140px); padding-bottom: clamp(80px, 11vw, 140px); }

.service { border-top: 1px solid var(--ink); padding: 40px 0; }
.service:last-child { border-bottom: 1px solid var(--ink); }
.service h3 { font-weight: 500; font-size: 1.3rem; letter-spacing: -0.01em; }

figcaption { font-family: var(--font-accent); font-style: italic; }

.contact-tel { font-weight: 500; letter-spacing: -0.02em; }
.contact { border-top: 1px solid var(--line); }

/* réglages de style de la fiche */
:root { --radius-img: 0; --radius-photo: 0; --radius: 4px; }
.site-header { background: #313944; border-bottom-color: rgba(255, 255, 255, 0.12); }
.site-header .brand-name { color: #FFFFFF; }
.site-header .brand-logo { background: transparent; padding: 0; box-shadow: none; }

/* accent client */
:root { --accent: #887856; --accent-fonce: #63573e; --accent-vif: #9b8962; --sur-accent: #FFFFFF; --sobre-bg: #343b47; --sobre-accent: #d1be94; }
.site-header .header-tel { color: #afa081; }
:root { --marque-fond: #313944; }
:root { --logo-ratio: 1; }

/* DA libre du client (content.json → style.css) */
.site-header { background: linear-gradient(135deg, #313944, #343b47) !important; } .header-tel, .contact-tel { background: linear-gradient(120deg, #e6c27a 0%, #fff7d6 20%, #d4af37 50%, #997a15 80%, #e6c27a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; font-weight: bold; } .btn-plein[href^="tel:"] { background: linear-gradient(135deg, #313944, #343b47) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border: none !important; } .brand-name { display: none !important; }