/* Distill + polish overlay — last-loaded visual refinements. */

:root {
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease: var(--ease-out);
  --text-2: #9bb6d6;
  --caret-color: var(--color-action);
}

html {
  scrollbar-color: rgba(0, 128, 255, 0.45) var(--bg-1);
  scrollbar-width: thin;
}

::selection {
  background: rgba(0, 128, 255, 0.38);
  color: #fff;
}

input,
textarea,
[contenteditable] {
  caret-color: var(--color-action);
}

a {
  text-underline-offset: 0.18em;
}

:focus {
  outline: none;
}

:focus-visible {
  outline: 2px solid var(--color-action);
  outline-offset: 3px;
}

.eyebrow,
.hero__eyebrow,
.hero__kicker,
small[data-slot="eyebrow"] {
  display: none !important;
}

.gradient-text,
.gradient-text.animated {
  background: none !important;
  -webkit-text-fill-color: unset !important;
  color: inherit !important;
  animation: none !important;
}

body::before {
  display: none !important;
}

h1, h2, h3 {
  letter-spacing: -0.03em;
}

body.lp-home .hero__title {
  letter-spacing: -0.03em;
}

body.lp-home .lp-section__head h2,
body.lp-home .section-header h2,
body.lp-home .approche-section__copy h2 {
  margin-block: 0 0.65rem;
}

body.lp-home .lp-offer-wrap {
  padding-block: 0 2.5rem;
}

body.lp-home .lp-offer-wrap .lp-offer {
  margin-top: 1.25rem;
}

body.lp-home #services-preview-grid .service-card.shimmer {
  min-height: 220px !important;
}

.booking-login-nudge:not([hidden]) {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-block: 0 1.25rem;
  padding: 0.9rem 1.1rem;
  border: 1px solid rgba(0, 128, 255, 0.35);
  border-radius: 12px;
  background: rgba(0, 128, 255, 0.08);
}

.account-2fa-qr[hidden],
.account-2fa-qr:not([src]) {
  display: none !important;
}

.account-page .account-nav-item[data-tab="activity"],
.account-page .account-nav-item[data-tab="moderation"],
.account-page .account-nav-item[data-tab="incidents"],
.account-page .account-nav-item[data-tab="payment-history"] {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.cm-toggle__slider::before,
.cm-toggle__slider::after {
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
}