/*
 * OmniscriptGlobalCSSv08 : copie de OmniscriptGlobalCSSv07 avec une seule évolution
 * fonctionnelle. La règle `.omniscript-body * { color/font-family/font-size !important }`
 * (et `.omniscript-body h3 { ... !important }`) forçait ces propriétés sur TOUT le
 * sous-arbre de l'OmniScript, y compris l'intérieur de nos composants du parcours V2
 * (c/omniSous*, rendus en light DOM). Comme `!important` bat toujours une déclaration
 * normale, la charte des écrans V2 (couleur d'encre, titres bleus, tailles) était écrasée
 * par le gris #808184 / 1rem globaux.
 *
 * Correctif : ces règles passent en `:where(.omniscript-body)` (spécificité 0) SANS
 * `!important`. Elles restent donc la valeur PAR DÉFAUT (le parcours V1 reste identique
 * partout où il s'appuyait sur ce défaut), mais tout composant qui pose explicitement sa
 * propre valeur reprend la main sans avoir à surenchérir en `!important`.
 *
 * À faire côté site : pointer le Head Markup vers /resource/OmniscriptGlobalCSSv08 au lieu
 * de v07. Le Head Markup étant partagé par le site, prévoir un contrôle visuel rapide du
 * parcours V1 avant adoption définitive (cf. échange chantier V2).
 *
 * Tout le reste est STRICTEMENT identique à v07.
 */
@import url("https://use.typekit.net/cba1ooc.css");
:root {
  /* Couleurs Brand */
  --color-brand-white: #ffffff;
  --color-brand-light: #f6f6f6;
  --color-brand-gray: #e6e6e6;
  --color-brand-purple: #421c6d;
  --color-brand-purple-light: #6b4399;
  --color-brand-purple-dark: #38185d;
  --color-brand-purple-gray: #bab3c3;
  --color-brand-orange: #f37a20;
  --color-brand-orange-light: #ff8e21;
  --color-brand-orange-dark: #c06019;
  --color-brand-orange-gray: #f6e3d0;
  --color-brand-text: #808184;
  --color-brand-text-dark: #000406;
  --color-brand-info: #5695c4;
  --color-brand-error: #ff5a50;
  --color-brand-success: #8cda74;
  --color-gauge-green: #8cda74;
  --color-gauge-yellow: #fbd755;
  --color-gauge-orange: #f5b651;
  --color-gauge-orange-dark: #f98749;
  --color-gauge-red: #ff5a50;
  --box-shadow-light: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.2);
  --border-radius-small: 0.2rem;
  --border-radius: 0.3rem;
  --border-radius-large: 0.5rem;
  --font-familly-primary: "aktiv-grotesk", sans-serif;
  --font-familly-secondary: "utopia-std", serif;
}

.omniscript-body {
  margin: auto !important;
  max-width: 1024px !important;
  padding: 0 !important;
  width: 100% !important;
  /* ÉVOLUTION v08 : la couleur de texte par défaut est posée ICI, sur le CONTENEUR
     (propriété héritée), et non plus forcée sur chaque élément via `.omniscript-body *`.
     Conséquence : un élément sans couleur propre (ex. un <span> de texte) HÉRITE de la
     couleur de son parent (nos titres/paragraphes), au lieu d'être repeint en gris par un
     sélecteur universel. Le défaut gris reste visible partout où rien ne pose de couleur
     (comportement V1 préservé). */
  color: var(--color-brand-text-dark);
}
/* Police et taille : conservées en défaut surchargeable (spécificité 0, sans !important),
   pour que les tailles explicites des composants V2 l'emportent sans avoir à surenchérir.
   La COULEUR n'est volontairement PLUS dans cette règle universelle (voir .omniscript-body
   ci-dessus) : c'est ce qui rétablit l'héritage naturel. */
:where(.omniscript-body) * {
  font-family: var(--font-familly-primary);
  font-size: 1rem;
}
:where(.omniscript-body) h3 {
  font-size: 3rem;
  font-weight: 400;
}
/* --- fin évolution v08 --- */
.omniscript-body .slds-required {
  color: var(--color-brand-error) !important;
}
.omniscript-body .slds-grid,
.omniscript-body .slds-accordion__section {
  padding: 0 !important;
}
.omniscript-body .slds-page-header__title {
  display: none !important;
}
.omniscript-body .vlc-separator[omnistudio-omniscriptStep_omniscriptStep] {
  display: none !important;
}
.omniscript-body omnistudio-omniscript-block {
  background-color: #fff !important;
  border-radius: 0.3rem !important;
  box-shadow: var(--box-shadow-light) !important;
  margin-bottom: 2rem !important;
  padding-block: 2rem 3rem !important;
}
.omniscript-body omnistudio-omniscript-text-block {
  padding: 0 !important;
}
.omniscript-body omnistudio-omniscript-text-block .slds-text-block {
  margin: 0 !important;
}
.omniscript-body .slds-grid.slds-m-vertical_medium:has(.slds-checkbox) {
  margin: 0 !important;
  padding: 0 !important;
}

.slds-card {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.slds-accordion__summary {
  display: none;
}

.slds-form-element.slds-has-error {
  margin-bottom: 0.25rem !important;
}

.slds-form-element__label {
  font-weight: 500 !important;
  margin-bottom: 0 !important;
}

.slds-form-element__icon {
  padding-top: 0 !important;
  vertical-align: center !important;
}

.slds-input,
.slds-combobox__input {
  align-items: center;
  border: 1px solid var(--color-brand-light) !important;
  background-color: var(--color-brand-light) !important;
  border-radius: var(--border-radius);
  height: 50px;
  box-shadow: none !important;
}
.slds-input:focus,
.slds-combobox__input:focus {
  border-color: var(--color-brand-purple-gray) !important;
}
.slds-input::-moz-placeholder, .slds-combobox__input::-moz-placeholder {
  color: var(--color-brand-purple-gray);
}
.slds-input::placeholder,
.slds-combobox__input::placeholder {
  color: var(--color-brand-purple-gray);
}

.slds-input-has-icon.slds-input-has-icon_left input {
  padding-left: 3rem !important;
}
.slds-input-has-icon.slds-input-has-icon_right input {
  padding-right: 3rem !important;
}
.slds-input-has-icon .slds-input__icon {
  fill: var(--color-brand-purple-gray) !important;
  height: 1.5rem !important;
  margin-top: -0.75rem !important;
  width: 1.5rem !important;
}

.slds-has-error {
  border-color: var(--color-brand-error) !important;
}
.slds-has-error .slds-input {
  border-color: var(--color-brand-error) !important;
  color: var(--color-brand-error) !important;
}
.slds-has-error .slds-form-element__help {
  color: var(--color-brand-error) !important;
}
.slds-has-error span {
  color: var(--color-brand-error) !important;
}

.slds-radio_faux,
.slds-checkbox_faux {
  border: 2px solid var(--color-brand-purple-light) !important;
  box-shadow: none !important;
}

.slds-radio_faux::after {
  background-color: var(--color-brand-purple-light) !important;
}

.slds-checkbox_faux::after {
  border-color: var(--color-brand-purple-light) !important;
}

omnistudio-omniscript-navigate-action {
  padding-inline: 0;
}
omnistudio-omniscript-navigate-action c-button {
  display: flex;
}
omnistudio-omniscript-navigate-action button {
  align-items: center;
  border-radius: var(--border-radius-small);
  box-shadow: var(--box-shadow-light);
  cursor: pointer;
  display: flex;
  font-weight: 300;
  font-size: 1rem;
  gap: 0.5rem;
  height: 36px;
  line-height: 0.5rem;
  margin-inline-start: auto;
  padding: 0.2rem 1rem !important;
  transition: all 0.2s ease;
  width: auto;
}
omnistudio-omniscript-navigate-action button.slds-button_brand {
  background-color: var(--color-brand-orange) !important;
  border: 1px solid var(--color-brand-orange) !important;
}
omnistudio-omniscript-navigate-action button.slds-button_brand span {
  color: var(--color-brand-white) !important;
}
omnistudio-omniscript-navigate-action button.slds-button_brand:hover {
  background-color: var(--color-brand-orange-dark) !important;
  border-color: var(--color-brand-orange-dark) !important;
  box-shadow: none !important;
}
omnistudio-omniscript-navigate-action button.slds-button_brand:hover span {
  color: var(--color-brand-white) !important;
}
omnistudio-omniscript-navigate-action button.slds-button_outline-brand {
  background-color: var(--color-brand-white) !important;
  border: 1px solid var(--color-brand-orange) !important;
}
omnistudio-omniscript-navigate-action button.slds-button_outline-brand span {
  color: var(--color-brand-orange) !important;
}
omnistudio-omniscript-navigate-action button.slds-button_outline-brand:hover {
  background-color: var(--color-brand-orange) !important;
  box-shadow: none !important;
}
omnistudio-omniscript-navigate-action button.slds-button_outline-brand:hover span {
  color: var(--color-brand-white) !important;
}
omnistudio-omniscript-navigate-action button.slds-button_neutral {
  background-color: var(--color-brand-light) !important;
  border: 1px solid var(--color-brand-light) !important;
}
omnistudio-omniscript-navigate-action button.slds-button_neutral span {
  color: var(--color-brand-purple-light) !important;
}
omnistudio-omniscript-navigate-action button.slds-button_neutral:hover {
  border-color: var(--color-brand-purple-light) !important;
  box-shadow: none !important;
}
omnistudio-omniscript-navigate-action button.slds-button_inverse {
  background-color: var(--color-brand-purple-light) !important;
  border: 1px solid var(--color-brand-purple-light) !important;
}
omnistudio-omniscript-navigate-action button.slds-button_inverse span {
  color: var(--color-brand-white) !important;
}
omnistudio-omniscript-navigate-action button.slds-button_inverse:hover {
  background-color: var(--color-brand-purple-dark) !important;
  border-color: var(--color-brand-purple-dark) !important;
  box-shadow: none !important;
}
omnistudio-omniscript-navigate-action button.slds-button_inverse:hover span {
  color: var(--color-brand-white) !important;
}

[data-omni-key*=BtnNavigation],
[data-omni-key=MonProjetEtapeIdentiteFooter] {
  padding-inline: 0 !important;
}

omnistudio-omniscript-places-typeahead .omni-typeahead-container .slds-form-element {
  margin-bottom: 0 !important;
}

.slds-progress-bar_xx-small[omnistudio-progressBar_progressBar] {
  margin-top: 12px !important;
}