/**
 * Compat pages export (remuneration / conferences / revendeurs / rejoindre)
 * - tokens legacy pour le contenu
 * - bouclier pour préserver header / footer / menu V2
 */

:root {
  --af-ff-body: "Gotham-Medium", sans-serif;
  --af-ff-heading: "Gotham-Medium", sans-serif;
  --af-ff-gotham-medium: "Gotham-Medium", sans-serif;
  --af-ff-gotham-light: "Gotham-Light", sans-serif;
  --af-ff-gotham-extra-bold: "Gotham-ExtraBold", sans-serif;
  --af-common-black: #000;
  --af-common-white: #fff;
  --af-common-grey: #e3d6c5;
  --af-common-green-light: #e9e6df;
  --af-common-brown: #e3d6c5;
  --af-common-brown-2: #8d9580;
  --af-theme-primary: #612e03;
  --af-theme-secondary: #994217;
  --af-theme-gray: #788990;
  --af-theme-secondary-2: #788990;
}

@font-face {
  font-family: "Gotham-Medium";
  src: url("/assets/fonts/Montserrat/Montserrat-Light.otf");
  font-display: swap;
}
@font-face {
  font-family: "Gotham-Light";
  src: url("/assets/fonts/Montserrat/Montserrat-Light.otf");
  font-display: swap;
}
@font-face {
  font-family: "Gotham-ExtraBold";
  src: url("/assets/fonts/Montserrat/Montserrat-ExtraBold.ttf");
  font-display: swap;
}

.tm-export-page {
  overflow-x: clip;
}

.tm-export-page .af-bg-green-light {
  background-color: var(--af-common-green-light) !important;
}

.tm-export-page .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .tm-export-page .container { max-width: 540px; }
}
@media (min-width: 768px) {
  .tm-export-page .container { max-width: 720px; }
}
@media (min-width: 992px) {
  .tm-export-page .container { max-width: 960px; }
}
@media (min-width: 1200px) {
  .tm-export-page .container { max-width: 1140px; }
}
@media (min-width: 1400px) {
  .tm-export-page .container { max-width: 1320px; }
}

/* ========== Bouclier chrome V2 (après Bootstrap / legacy) ========== */
body {
  background: #e9e6df !important;
  color: #612e03 !important;
  font-family: var(--font-avenir), Avenir, "Helvetica Neue", Arial, sans-serif !important;
  line-height: 1.5 !important;
}

#tm-preloader {
  background: #e9e6df !important;
}

#tm-header,
#tm-header * {
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, opacity 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

#tm-header {
  background-color: #e9e6df !important;
  color: #612e03 !important;
  font-family: var(--font-avenir), Avenir, "Helvetica Neue", Arial, sans-serif !important;
}

#tm-header a {
  color: #612e03 !important;
  text-decoration: none !important;
}

#tm-header a.bg-brown,
#tm-header .bg-brown {
  background-color: #612e03 !important;
  color: #f0f0f0 !important;
}

#tm-header .text-dark-brown,
#tm-header a.text-dark-brown {
  color: #351d1d !important;
}

#tm-header .text-cream {
  color: #e3d6c5 !important;
}

#tm-header .bg-cream,
#tm-header .bg-cream\/70 {
  background-color: #e3d6c5 !important;
}

#tm-header ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#tm-header img {
  max-width: none;
  height: inherit;
}

#tm-mobile-menu {
  background-color: #e9e6df !important;
  color: #612e03 !important;
  font-family: var(--font-avenir), Avenir, "Helvetica Neue", Arial, sans-serif !important;
}

#tm-mobile-menu a {
  color: #612e03 !important;
  text-decoration: none !important;
}

#tm-mobile-menu a.bg-brown,
#tm-mobile-menu .bg-brown {
  background-color: #612e03 !important;
  color: #f0f0f0 !important;
}

#tm-mobile-menu .text-dark-brown {
  color: #351d1d !important;
}

#footer {
  background-color: #612e03 !important;
  color: #e3d6c5 !important;
  font-family: var(--font-avenir), Avenir, "Helvetica Neue", Arial, sans-serif !important;
}

#footer a,
#footer h2,
#footer h3,
#footer p,
#footer span,
#footer label {
  color: #e3d6c5 !important;
  text-decoration: none !important;
  font-family: inherit !important;
}

#footer button[type="submit"] {
  background-color: #e3d6c5 !important;
  color: #612e03 !important;
  border: none !important;
}

#footer input[type="email"] {
  color: #fff !important;
  border-color: #e3d6c5 !important;
  background-color: rgba(255, 255, 255, 0.3) !important;
}

#footer input[type="email"]::placeholder {
  color: rgba(255, 255, 255, 0.8) !important;
}