/* ════════════════════════════════════════════════════════════
   GLOBAL.CSS — Socle commun à toutes les pages du site
   Charger en premier, avant header.css
   ════════════════════════════════════════════════════════════ */

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ── TOKENS ── */
:root{

  /* ── PALETTE DE MARQUE — Charte graphique 2025 ── */
  /* 4 univers, chacun 3 teintes (foncé/base/clair) — cf. charte officielle */
  --navy:        #1c1c36;   /* Bleu Navy    — couleur principale */
  --sable:       #ded1c7;   /* Sable        — beige de la charte, hors univers (fonds de sections, héros MRI, cartes de téléchargement) */

  --mineral:     #525377;   /* Univers Lavande — foncé */
  --lavande:     #757baf;   /* Univers Lavande — base — Copropriété / Immeubles */
  --brume:       #A8ADE5;   /* Univers Lavande — clair */
  --lavande-l:   var(--brume);   /* alias ; à redéfinir par page selon l'univers */
  --lavande-d:   var(--mineral); /* alias ; à redéfinir par page selon l'univers */

  --brique:      #b54d40;   /* Univers Terre Battue — foncé */
  --terrecuite:  #c9472e;   /* Univers Terre Battue — base — Gestion locative */
  --corail:      #e47962;   /* Univers Terre Battue — clair */

  --grenat:      #6a2938;   /* Univers Grenat — foncé */
  --liedevin:    #993d4a;   /* Univers Grenat — base — Professionnels de l'immobilier */
  --figue:       #ad3151;   /* Univers Grenat — clair */

  --olive:       #64613e;   /* Univers Olive — foncé */
  --pistache:    #9a903a;   /* Univers Olive — base — Risque d'entreprise */
  --anis:        #d2d36d;   /* Univers Olive — clair */

  /* Couleurs univers (aliases sur la palette, 3 teintes chacun) */
  --cop: var(--lavande);     --cop-d: var(--mineral);    --cop-l: var(--brume);
  --bil: var(--terrecuite);  --bil-d: var(--brique);     --bil-l: var(--corail);
  --pro: var(--liedevin);    --pro-d: var(--grenat);     --pro-l: var(--figue);
  --ent: var(--pistache);    --ent-d: var(--olive);      --ent-l: var(--anis);   /* Risque d'entreprise */
  --cst: var(--pistache);

  /* Bleu lien / accent navigation */
  --blue:#1B5FA8;
  --blue-d:#124089;
  --blue-l:#EAF2FF;
  --blue-ll:#F4F8FF;

  /* Neutrals */
  --n-950:#060F1A;
  --n-900:#0B1E35;
  --n-800:#122641;
  --n-700:#1B324F;
  --n-600:#253F60;
  --n-500:#334E70;
  --n-400:#4A6785;
  --n-300:#6B8FAD;
  --n-200:#9AB3C8;
  --n-100:#C8D8E6;
  --n-50:#EEF3F8;

  /* Surfaces */
  --white:#FFFFFF;
  --bg:rgba(146,186,214,0.25);
  --bg2:#EEF3F8;

  /* Bordures */
  --border:rgba(28,28,54,.12);
  --border2:rgba(28,28,54,.18);

  /* Texte */
  --text: var(--navy);
  --text2:#4A6785;
  --text3:#8AA0B8;

  /* Radius */
  --r-sm:6px;
  --r-md:10px;
  --r-lg:16px;
  --r-xl:24px;
}

/* ── GRAD-BAR — variantes par univers ── */
/* Barre lavande : du minéral très foncé à la brume — univers Copropriété / Immeubles (défaut) */
.grad-bar{height:32px;background:linear-gradient(to right,color-mix(in srgb,var(--mineral) 45%,#000) 0% 20%,#525374 20% 40%,#767bab 40% 60%,#a9ade1 60% 80%,#6e8bbe 80% 100%);width:100%;display:block}
/* Barre couleurs : palette complète de marque */
.grad-bar-colors{height:32px;background:linear-gradient(to right,#1c1c36 0% 10%,#757baf 10% 20%,#c9472e 20% 30%,#993d4a 30% 40%,#9a903a 40% 50%,#1c1c36 50% 60%,#757baf 60% 70%,#c9472e 70% 80%,#993d4a 80% 90%,#9a903a 90% 100%);width:100%;display:block}
/* Barre terre cuite : de la brique très foncée au corail — univers Gestion locative */
.grad-bar-locative{height:32px;background:linear-gradient(to right,color-mix(in srgb,var(--brique) 45%,#000) 0% 20%,#7a3428 20% 40%,#b54d40 40% 60%,#e19080 60% 80%,#e47962 80% 100%);width:100%;display:block}
/* Barre grenat : du grenat très foncé à la figue — univers Professionnels de l'immobilier */
.grad-bar-pro{height:32px;background:linear-gradient(to right,color-mix(in srgb,var(--grenat) 45%,#000) 0% 20%,#432336 20% 40%,#6a2938 40% 60%,#8c2d45 60% 80%,#ad3151 80% 100%);width:100%;display:block}

/* ── BASE ── */
body{
  font-family:'Poppins',system-ui,sans-serif;
  color:var(--text);
  background:var(--white);
  font-size:var(--ty-body);
  line-height:1.6;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{text-decoration:none;color:inherit}
svg{display:block;flex-shrink:0}

/* ── WRAPPER ── */
.w{max-width:1280px;margin:0 auto;padding:0 2.5rem}

/* ── TEXTES PROVISOIRES (lorem ipsum) MASQUÉS ── (2026-10-27, demande de l'utilisateur : « met en display none tout ce qui est en lorem ipsum »)
   Tout bloc en lorem porte l'attribut data-lorem. Pour TOUT réafficher : supprimer cette règle ; pour un seul bloc : retirer son data-lorem. */
[data-lorem]{display:none !important}