/* =========================================================================
   Itinéraire Immobilier - custom.css
   Feuille de personnalisation : design tokens + surcharges Bootstrap.
   Chargée APRÈS Bootstrap et style.css : c'est ici qu'on ajuste le thème.
   ========================================================================= */

:root {
  /* --- Couleurs marque (extraites des maquettes Figma) --- */
  --ii-pink:        #ee458e;
  --ii-pink-dark:   #d62f78;
  --ii-black:       #000000;
  --ii-white:       #ffffff;
  --ii-gray:        #7f7f7f;   /* textes secondaires, labels footer */
  --ii-gray-light:  #f3eff0;   /* gris clair maquette (fonds de sections clairs) */
  --ii-line:        #d9d9d9;   /* filets / séparateurs */

  /* --- Typographies --- */
  --ii-font-sans:   "Figtree", "Helvetica Neue", Arial, sans-serif;
  --ii-font-accent: "Playfair Display", Georgia, "Times New Roman", serif; /* accents italiques des titres */

  /* --- Rythme --- */
  --ii-radius:      0px;       /* le design system n'utilise pas d'arrondis */
  --ii-shadow:      0 8px 8px 0 rgba(0, 0, 0, .20);
  --ii-shadow-soft: 0 8px 24px 0 rgba(0, 0, 0, .12);
  --ii-container:   1256px;    /* largeur de contenu des maquettes */
}

/* --- Surcharges des variables Bootstrap --- */
:root {
  --bs-primary:            #ee458e;
  --bs-primary-rgb:        238, 69, 142;
  --bs-body-font-family:   var(--ii-font-sans);
  --bs-body-color:         #000000;
  --bs-border-radius:      0;
  --bs-border-radius-sm:   0;
  --bs-border-radius-lg:   0;
  --bs-link-color:         #000000;
  --bs-link-color-rgb:     0, 0, 0;
  --bs-link-hover-color:   #ee458e;
  --bs-link-hover-color-rgb: 238, 69, 142;
}

/* Bouton "primary" Bootstrap aux couleurs de la marque */
.btn-primary {
  --bs-btn-bg: var(--ii-pink);
  --bs-btn-border-color: var(--ii-pink);
  --bs-btn-hover-bg: var(--ii-pink-dark);
  --bs-btn-hover-border-color: var(--ii-pink-dark);
  --bs-btn-active-bg: var(--ii-pink-dark);
  --bs-btn-active-border-color: var(--ii-pink-dark);
  --bs-btn-disabled-bg: var(--ii-pink);
  --bs-btn-disabled-border-color: var(--ii-pink);
}

/* -------------------------------------------------------------------------
   Page Mentions légales (texte long-format)
   ------------------------------------------------------------------------- */
.ii-legal { max-width: 900px; margin: 0 auto; }
.ii-legal h2 { font-size: 20px; font-weight: 700; color: var(--ii-black); margin: 40px 0 12px; }
.ii-legal h3 { font-size: 17px; font-weight: 700; color: var(--ii-black); margin: 24px 0 8px; }
.ii-legal p  { margin: 0 0 16px; line-height: 1.6; }
.ii-legal ul { margin: 0 0 16px; padding-left: 22px; list-style: disc; }
.ii-legal li { margin-bottom: 6px; line-height: 1.5; }

/* -------------------------------------------------------------------------
   Page Nos honoraires (barème)
   ------------------------------------------------------------------------- */
.honoraires { max-width: 820px; margin: 0 auto; }
.honoraires__h2 { text-align: center; font-size: 28px; margin: 64px 0 12px; }
.honoraires__sub { font-size: 18px; color: var(--ii-gray); }
.honoraires__note { text-align: center; color: var(--ii-gray); font-size: 15px; margin: 0 auto 28px; max-width: 640px; }
.honoraires__table { width: 100%; border-collapse: collapse; }
.honoraires__table td { padding: 16px 20px; border-bottom: 1px solid var(--ii-line); font-size: 17px; vertical-align: top; }
.honoraires__table tr:first-child td { border-top: 1px solid var(--ii-line); }
.honoraires__table td:last-child { text-align: right; font-weight: 700; color: var(--ii-pink); white-space: nowrap; }
.honoraires__legal { text-align: center; color: var(--ii-gray); font-size: 14px; line-height: 1.6; margin-top: 48px; }

@media (max-width: 600px) {
  .honoraires__h2 { font-size: 24px; }
  .honoraires__table td { display: block; padding: 12px 0; }
  .honoraires__table td:first-child { border-bottom: 0; padding-bottom: 2px; }
  .honoraires__table td:last-child { text-align: left; padding-top: 0; padding-bottom: 16px; white-space: normal; }
  .honoraires__table tr:first-child td:first-child { border-top: 0; }
}

/*-- Custom 3clics --*/

.ii-rich h2 {
  font-size: 20px;
  font-weight: 700;
  color: var(--ii-black);
  margin: 40px 0 12px;
}