.elementor-kit-536{--e-global-color-primary:#111827;--e-global-color-secondary:#374151;--e-global-color-text:#9CA3AF;--e-global-color-accent:#8B5CF6;--e-global-color-155081a:#000000;--e-global-color-04c93ef:#FFFFFF;--e-global-color-06acd4b:#A78BFA;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-font-style:normal;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-size:38px;--e-global-typography-secondary-font-weight:100;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:900;--e-global-typography-accent-text-transform:uppercase;}.elementor-kit-536 e-page-transition{background-color:#FFBC7D;}.elementor-kit-536 button,.elementor-kit-536 input[type="button"],.elementor-kit-536 input[type="submit"],.elementor-kit-536 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );color:var( --e-global-color-04c93ef );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-kit-536 button:hover,.elementor-kit-536 button:focus,.elementor-kit-536 input[type="button"]:hover,.elementor-kit-536 input[type="button"]:focus,.elementor-kit-536 input[type="submit"]:hover,.elementor-kit-536 input[type="submit"]:focus,.elementor-kit-536 .elementor-button:hover,.elementor-kit-536 .elementor-button:focus{color:var( --e-global-color-04c93ef );border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-kit-536 button,.elementor-kit-536 input[type="button"],.elementor-kit-536 input[type="submit"],.elementor-kit-536 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-536 button,.elementor-kit-536 input[type="button"],.elementor-kit-536 input[type="submit"],.elementor-kit-536 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.glass-container {
  background: rgba(20, 20, 20, 0.32);            /* fond semi-transparent, tu peux jouer sur l’opacité */
  backdrop-filter: blur(10px) saturate(220%);
  -webkit-backdrop-filter: blur(12px) saturate(220%);
  border-radius: 32px;
  border: 1.5px solid rgba(255,255,255,0.18);     /* fine bordure blanche translucide */
  box-shadow: 0 16px 48px 0 rgba(0,0,0,0.18);     /* douce ombre portée */
  padding: 36px 42px;
  transition: 
    background 0.6s cubic-bezier(.4,2,.6,1),
    box-shadow 0.5s,
    backdrop-filter 0.6s,
    -webkit-backdrop-filter 0.6s;
  /* Ajoute un effet de survol “liquide” */
  overflow: hidden;
  position: relative;
}

/* Ajoute un effet glass plus prononcé au hover */
.glass-container:hover {
  background: rgba(30, 30, 30, 0.39);
  backdrop-filter: blur(42px) saturate(250%);
  -webkit-backdrop-filter: blur(42px) saturate(250%);
  box-shadow: 0 24px 64px 0 rgba(0,0,0,0.22);
  border-color: rgba(255,255,255,0.28);
}
@media (max-width: 768px) {
  .glass-container {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 10 px 10px;
    transition: background 0.3s ease, box-shadow 0.3s ease;
  }
}
.button-glass .elementor-button {
  position: relative; /* indispensable pour que ::after suive le bouton */
  display: inline-block;
  background: rgba(139, 92, 246, 0.18);      /* violet semi-transparent */
  color: #FFFFFF !important;
  font-weight: 600;
  padding: 12px 28px;
  border-radius: 14px;                       /* radius */
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  box-shadow: 0 6px 24px rgba(139, 92, 246, 0.25);
  transition: all .3s ease;
  overflow: hidden; /* pour que ::after ne dépasse jamais le radius */

  /* Bordure subtile pour simuler le verre */
  border: 1px solid rgba(255, 255, 255, 0.25); 
}

.button-glass .elementor-button:hover {
  background: rgba(167, 139, 250, 0.28);     /* hover plus clair */
  box-shadow: 0 10px 30px rgba(167, 139, 250, 0.45);
  transform: translateY(-1px);

  /* garder la bordure subtile au hover */
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 14px;                       
}

/* Gloss effect */
.button-glass .elementor-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit; /* suit le bouton */
  background: radial-gradient(120% 160% at 10% 0%, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 55%);
  pointer-events: none;
  opacity: .35;
  transition: opacity .3s ease;
}

.button-glass .elementor-button:hover::after {
  opacity: .5;
}

/* Fallback si pas de backdrop-filter */
@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
  .button-glass .elementor-button {
    background: #8B5CF6;
    border: none; /* simple fallback */
  }
}/* End custom CSS */