/* =========================
   TYPO
========================= */
@font-face {
  font-family: 'Quantify';
  src: url('./fonts/Quantify.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light only;
}

html {
  color-scheme: light only;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  margin: 0;
}

h1 {
  font-family: 'Quantify', sans-serif !important;
}

h2 {
  font-family: 'Quantify', sans-serif !important;
  position: relative;
  display: inline-block;
  font-size: 42px !important;
  font-weight: 200 !important;
  text-transform: uppercase !important;
}

h2::after {
  content: "";                   
  position: absolute;
  left: 10px;
  bottom: -10px;
  width: 42%;
  height: 1px;
  background: var(--e-global-color-text);
  transform-origin: left;
  transform: scaleX(0);
  animation: aedf-line-slide 0.9s ease-out forwards;
  animation-delay: 0.25s;
}

h2::before {
  content: "";                   
  position: absolute;
  right: 0;
  top: -10px;
  width: 62%;
  height: 1px;
  background: var(--e-global-color-text);
  transform-origin: right;
  transform: scaleX(0);
  animation: aedf-line-slide 0.9s ease-out forwards;
  animation-delay: 0.45s;
}

p {
  margin: 0 !important;
}

strong,
b {
  position: relative;
  font-weight: 600;
  color: var(--e-global-color-primary);
}

a {
  color: var(--e-global-color-secondary);
  text-decoration: underline;
}

/* =========================
   TYPO KEYFRAMES
========================= */

@keyframes aedf-line-slide {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

@keyframes aedf-line-slide-center {
  from {
    transform: translateX(-50%) scaleX(0);
  }
  to {
    transform: translateX(-50%) scaleX(1);
  }
}

body {
  background-color: var(--e-global-color-cad7ef2) !important;
  overflow-x: clip !important;
}

/* Change the style of text selection */
::selection {
  background-color: var(--e-global-color-secondary);
  color: white;
}

/* Pour compatibilité avec Firefox */
::-moz-selection {
  background-color: var(--e-global-color-secondary);
  color: white;
}

.wpforms-form {
  background-color: var(--e-global-color-cad7ef2) !important;
  border-radius: 46px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.2) !important;
  padding: 42px !important;
}

.aedf-header {
  will-change: transform;
  transition: transform 220ms ease;
}

.aedf-header.aedf-header--hidden {
  transform: translateY(-110%);
}

.test {
  transition: 0.4s ease-in-out;
}

.test:hover {
  width: 98%;
}

.blend-mode {
  mix-blend-mode: difference;
}

header {
  z-index: 9999;
  mix-blend-mode: difference;
}

header:has(.nav-menu .hfe-flyout-open.hfe-flyout-show) {
  mix-blend-mode: normal;
}

.chatbot:has(.virtualnorn-launcher.is-hidden) {
  mix-blend-mode: normal;
}

.nav-menu .hfe-flyout-open.hfe-flyout-show {
  width: 100vw !important;
}

.nav-menu .hfe-flyout-close svg {
  top: 20px !important;
  right: 20px !important;
}

.citation {
  position: relative;
  display: inline-block;
  max-width: 760px;
}

.citation::before {
  content: "“";
  position: absolute;
  top: -18px;
  left: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 1;
}

.citation::after {
  content: "”";
  position: absolute;
  right: 0;
  bottom: -30px;
  font-size: 56px;
  font-weight: 600;
  line-height: 1;
}