.elementor-kit-46{--e-global-color-primary:#000000;--e-global-color-secondary:#7A7A7A;--e-global-color-text:#FFFFFF;--e-global-color-accent:#4C4C4C;--e-global-color-f327693:#222222;--e-global-color-f5741de:#0710CC;--e-global-typography-primary-font-family:"Arial";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Arial";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Arial";--e-global-typography-text-font-weight:400;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:25px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:14px;--e-global-typography-accent-letter-spacing:1px;--e-global-typography-0ee4030-font-family:"Roboto";--e-global-typography-0ee4030-font-size:85px;--e-global-typography-0ee4030-font-weight:700;--e-global-typography-0ee4030-line-height:89px;--e-global-typography-97af455-font-family:"Roboto";--e-global-typography-97af455-font-size:80px;--e-global-typography-97af455-font-weight:500;--e-global-typography-97af455-line-height:80px;--e-global-typography-5943e60-font-family:"Roboto";--e-global-typography-5943e60-font-size:41px;--e-global-typography-5943e60-font-weight:600;--e-global-typography-5943e60-line-height:53px;--e-global-typography-2bb7357-font-family:"Roboto";--e-global-typography-2bb7357-font-size:24px;--e-global-typography-2bb7357-font-weight:600;--e-global-typography-2bb7357-line-height:28px;--e-global-typography-16a1949-font-family:"Roboto";--e-global-typography-16a1949-font-size:20px;--e-global-typography-16a1949-font-weight:300;--e-global-typography-16a1949-line-height:30px;--e-global-typography-86c511e-font-family:"Roboto";--e-global-typography-86c511e-font-size:16px;--e-global-typography-86c511e-font-weight:600;--e-global-typography-86c511e-text-decoration:none;--e-global-typography-86c511e-line-height:24px;--e-global-typography-bf87f1b-font-family:"Roboto";--e-global-typography-bf87f1b-font-size:18px;--e-global-typography-bf87f1b-font-weight:400;--e-global-typography-bf87f1b-line-height:27px;background-color:#FFFFFF00;color:#4C4C4C;font-family:"Roboto";font-size:18px;font-weight:400;text-decoration:none;line-height:25px;}.elementor-kit-46 button,.elementor-kit-46 input[type="button"],.elementor-kit-46 input[type="submit"],.elementor-kit-46 .elementor-button{background-color:transparent;font-size:18px;font-weight:700;text-transform:uppercase;text-decoration:none;line-height:21px;color:#FFFFFF;background-image:linear-gradient(90deg, #2710BF 0%, #B32BD1 100%);border-radius:50px 50px 50px 50px;padding:15px 40px 15px 40px;}.elementor-kit-46 button:hover,.elementor-kit-46 button:focus,.elementor-kit-46 input[type="button"]:hover,.elementor-kit-46 input[type="button"]:focus,.elementor-kit-46 input[type="submit"]:hover,.elementor-kit-46 input[type="submit"]:focus,.elementor-kit-46 .elementor-button:hover,.elementor-kit-46 .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(90deg, #B32BD1 0%, #2710BF 100%);}.elementor-kit-46 e-page-transition{background-color:#FFBC7D;}.elementor-kit-46 a{color:#000000;font-family:"Roboto";font-size:1em;text-decoration:none;line-height:1.2em;}.elementor-kit-46 h1{color:#000000;font-family:"Roboto";font-size:45px;font-weight:700;line-height:1.2em;}.elementor-kit-46 h2{color:#000000;font-family:"Roboto";font-size:40px;font-weight:600;line-height:1.2em;}.elementor-kit-46 h3{color:#000000;font-family:"Roboto";font-size:24px;font-weight:600;line-height:28px;}.elementor-kit-46 h4{color:#000000;font-family:"Roboto";font-size:22px;font-weight:600;line-height:1.2em;}.elementor-kit-46 h5{color:#000000;font-family:"Roboto";font-size:20px;font-weight:400;line-height:1.2em;}.elementor-kit-46 h6{color:#000000;font-family:"Roboto";font-size:18px;font-weight:400;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===============================
   Synavia — Button System (global)
   =============================== */

/* 1) Tokens (faciles à ajuster) */
:root{
  --btn-font-family: 'Roboto', Arial, sans-serif;
  --btn-font-size: 14px;
  --btn-font-weight: 500;
  --btn-line-height: 1.2;

  --btn-radius: 12px;
  --btn-py: 14px;
  --btn-px: 28px;

  --btn-bg: #111827;       /* noir */
  --btn-bg-hover: #1f2937; /* noir + */
  --btn-fg: #ffffff;

  --btn-border: 1px solid #e5e7eb; /* pour style "light" */
  --btn-bg-light: #ffffff;
  --btn-bg-light-hover: #f9fafb;
  --btn-fg-light: #111827;

  --btn-shadow: 0 1px 2px rgba(0,0,0,0.06);
  --btn-shadow-hover: 0 4px 10px rgba(0,0,0,0.08);

  --btn-transition-bg: background-color .2s ease;
  --btn-transition-elev: transform .15s ease, box-shadow .2s ease;
}

/* 2) Base commune — s’applique à toutes tes classes existantes */
.btn,
.btn-primary,
.btn-black,
.btn-white,
.synavia-steps__cta,
.hero-transparent .cta-wrapper .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  padding: var(--btn-py) var(--btn-px);
  font-family: var(--btn-font-family);
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  line-height: var(--btn-line-height);
  border-radius: var(--btn-radius);
  border: 0;
  text-decoration: none;
  cursor: pointer;
  box-shadow: var(--btn-shadow);
  transition: var(--btn-transition-bg), var(--btn-transition-elev);
  -webkit-tap-highlight-color: transparent;
}

/* 3) Variantes — mapping vers tes classes actuelles */
.btn-primary,
.btn-black,
.synavia-steps__cta,
.hero-transparent .cta-wrapper .btn-primary {
  background: var(--btn-bg);
  color: var(--btn-fg);
}
.btn-primary:hover,
.btn-black:hover,
.synavia-steps__cta:hover,
.hero-transparent .cta-wrapper .btn-primary:hover {
  background: var(--btn-bg-hover);
  transform: translateY(-1px);
  box-shadow: var(--btn-shadow-hover);
}
.btn-primary:active,
.btn-black:active,
.synavia-steps__cta:active,
.hero-transparent .cta-wrapper .btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

/* Variante "light" (bouton blanc bordé) */
.btn-white{
  background: var(--btn-bg-light);
  color: var(--btn-fg-light);
  border: var(--btn-border);
}
.btn-white:hover{
  background: var(--btn-bg-light-hover);
  transform: translateY(-1px);
  box-shadow: var(--btn-shadow-hover);
}
.btn-white:active{
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

/* 4) Accessibilité et états */
.btn:focus-visible,
.btn-primary:focus-visible,
.btn-black:focus-visible,
.btn-white:focus-visible,
.synavia-steps__cta:focus-visible,
.hero-transparent .cta-wrapper .btn-primary:focus-visible{
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

/* Fallback si :focus-visible non supporté */
@supports not .elementor-kit-46(:focus-visible){
  .btn:focus,
  .btn-primary:focus,
  .btn-black:focus,
  .btn-white:focus,
  .synavia-steps__cta:focus,
  .hero-transparent .cta-wrapper .btn-primary:focus{
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
  }
}

/* Désactivation */
[aria-disabled="true"],
.is-disabled{
  opacity: .6;
  pointer-events: none;
}

/* 5) Utilitaires optionnels (si besoin) */
.btn--lg{ font-size: 16px; padding: 16px 32px; }
.btn--sm{ font-size: 13px; padding: 10px 16px; }
.btn--block{ display: flex; width: 100%; }

@media (prefers-reduced-motion: reduce){
  .btn, .btn-primary, .btn-black, .btn-white, .synavia-steps__cta, .hero-transparent .cta-wrapper .btn-primary{
    transition: var(--btn-transition-bg);
    transform: none !important;
  }
}
/* Forcer la couleur des boutons même en état :link / :visited */
.btn-primary,
.btn-black,
.synavia-steps__cta,
.hero-transparent .cta-wrapper .btn-primary {
  color: var(--btn-fg);
}
.btn-primary:link,
.btn-primary:visited,
.btn-black:link,
.btn-black:visited,
.synavia-steps__cta:link,
.synavia-steps__cta:visited,
.hero-transparent .cta-wrapper .btn-primary:link,
.hero-transparent .cta-wrapper .btn-primary:visited {
  color: var(--btn-fg);
}

.btn-white,
.btn-white:link,
.btn-white:visited {
  color: var(--btn-fg-light);
}/* End custom CSS */