/**
 * V2 site layer — interactions + progressive de-Elementor tokens.
 * Loaded after Astra/Elementor so hover/active override flat defaults.
 */

:root {
  --ac-green: #9ab2a2;
  --ac-green-mid: #788f7e;
  --ac-green-deep: #50745f;
  --ac-green-forest: #234a45;
  --ac-pill-bg: #f2f2f2;
  --ac-pill-text: #727272;
  --ac-white: #ffffff;
  --ac-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ac-btn-shadow: 0 6px 18px rgba(35, 74, 69, 0.18);
  --ac-btn-shadow-sm: 0 3px 10px rgba(35, 74, 69, 0.14);
}

/* -------------------------------------------------------------------------- */
/* Shared motion                                                              */
/* -------------------------------------------------------------------------- */

.elementor-button,
.ast-custom-button,
.ast-custom-button-link,
.wpforms-submit,
.button:not(.menu-toggle),
input[type="submit"],
input[type="button"],
#ast-scroll-top {
  transition:
    background-color 0.28s var(--ac-ease),
    background 0.28s var(--ac-ease),
    color 0.28s var(--ac-ease),
    border-color 0.28s var(--ac-ease),
    box-shadow 0.28s var(--ac-ease),
    transform 0.22s var(--ac-ease),
    filter 0.28s var(--ac-ease),
    opacity 0.28s var(--ac-ease);
}

/* -------------------------------------------------------------------------- */
/* Elementor CTAs (gray pills — currently no hover in post-*.css)             */
/* -------------------------------------------------------------------------- */

.elementor-widget-button .elementor-button {
  will-change: transform, box-shadow;
}

.elementor .elementor-button:hover,
.elementor .elementor-button:focus-visible {
  background-color: var(--ac-green) !important;
  color: var(--ac-white) !important;
  fill: var(--ac-white) !important;
  box-shadow: var(--ac-btn-shadow);
  transform: translateY(-2px);
}

.elementor .elementor-button:active {
  background-color: var(--ac-green-deep) !important;
  color: var(--ac-white) !important;
  fill: var(--ac-white) !important;
  box-shadow: var(--ac-btn-shadow-sm);
  transform: translateY(1px) scale(0.985);
}

/* -------------------------------------------------------------------------- */
/* Header “Prendre RDV” — Astra hover was broken / blue                       */
/* -------------------------------------------------------------------------- */

.ast-header-button-1 .ast-custom-button-link {
  display: inline-block;
  border-radius: 100px;
}

.ast-header-button-1 .ast-custom-button {
  box-shadow: none;
}

.ast-header-button-1 .ast-custom-button-link:hover .ast-custom-button,
.ast-header-button-1 .ast-custom-button-link:focus-visible .ast-custom-button {
  background-color: var(--ac-green-mid) !important;
  color: var(--ac-white) !important;
  box-shadow: var(--ac-btn-shadow-sm);
  transform: translateY(-1px);
}

.ast-header-button-1 .ast-custom-button-link:active .ast-custom-button {
  background-color: var(--ac-green-deep) !important;
  color: var(--ac-white) !important;
  box-shadow: none;
  transform: translateY(1px) scale(0.98);
}

/* -------------------------------------------------------------------------- */
/* Forms / generic submits                                                    */
/* -------------------------------------------------------------------------- */

.wpforms-submit,
button.wpforms-submit {
  background-color: var(--ac-green) !important;
  border-color: var(--ac-green) !important;
  color: var(--ac-white) !important;
}

.wpforms-submit:hover,
.wpforms-submit:focus-visible,
button.wpforms-submit:hover,
button.wpforms-submit:focus-visible {
  background-color: var(--ac-green-mid) !important;
  border-color: var(--ac-green-mid) !important;
  color: var(--ac-white) !important;
  box-shadow: var(--ac-btn-shadow);
  transform: translateY(-2px);
}

.wpforms-submit:active,
button.wpforms-submit:active {
  background-color: var(--ac-green-deep) !important;
  border-color: var(--ac-green-deep) !important;
  box-shadow: none;
  transform: translateY(1px) scale(0.98);
}

/* -------------------------------------------------------------------------- */
/* Scroll top                                                                 */
/* -------------------------------------------------------------------------- */

#ast-scroll-top:hover,
#ast-scroll-top:focus-visible {
  background-color: var(--ac-green-deep) !important;
  transform: translateY(-2px);
}

#ast-scroll-top:active {
  transform: translateY(1px) scale(0.96);
}

/* -------------------------------------------------------------------------- */
/* Semantic button API (de-Elementor path)                                    */
/* -------------------------------------------------------------------------- */

/* Use on rewritten (non-Elementor) markup only — do not dual-class with .elementor-button */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
  padding: 0.85em 1.75em;
  border: 0;
  border-radius: 100px;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  letter-spacing: 2px;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.2;
  transition:
    background-color 0.28s var(--ac-ease),
    color 0.28s var(--ac-ease),
    box-shadow 0.28s var(--ac-ease),
    transform 0.22s var(--ac-ease);
}

.btn--pill {
  background-color: var(--ac-pill-bg);
  color: var(--ac-pill-text);
}

.btn--pill:hover,
.btn--pill:focus-visible {
  background-color: var(--ac-green);
  color: var(--ac-white);
  box-shadow: var(--ac-btn-shadow);
  transform: translateY(-2px);
}

.btn--pill:active {
  background-color: var(--ac-green-deep);
  color: var(--ac-white);
  box-shadow: var(--ac-btn-shadow-sm);
  transform: translateY(1px) scale(0.985);
}

.btn--primary {
  background-color: var(--ac-green);
  color: var(--ac-white);
}

.btn--primary:hover,
.btn--primary:focus-visible {
  background-color: var(--ac-green-mid);
  color: var(--ac-white);
  box-shadow: var(--ac-btn-shadow);
  transform: translateY(-2px);
}

.btn--primary:active {
  background-color: var(--ac-green-deep);
  color: var(--ac-white);
  box-shadow: none;
  transform: translateY(1px) scale(0.98);
}

@media (prefers-reduced-motion: reduce) {
  .elementor-button,
  .ast-custom-button,
  .ast-custom-button-link,
  .wpforms-submit,
  .button:not(.menu-toggle),
  input[type="submit"],
  input[type="button"],
  #ast-scroll-top,
  .btn {
    transition: none !important;
  }

  .elementor .elementor-button:hover,
  .elementor .elementor-button:active,
  .ast-header-button-1 .ast-custom-button-link:hover .ast-custom-button,
  .ast-header-button-1 .ast-custom-button-link:active .ast-custom-button,
  .wpforms-submit:hover,
  .wpforms-submit:active,
  #ast-scroll-top:hover,
  #ast-scroll-top:active,
  .btn:hover,
  .btn:active {
    transform: none !important;
  }
}