/* Généré depuis css/interactions.css pour l'aperçu Paladius (dark). */
/* États interactifs partagés. Les dimensions d'origine se trouvent dans css/pages/. */
[hidden] { display: none !important; }
[role="button"], [role="switch"], [role="tab"] { cursor: pointer; }
[role="button"]:focus-visible, [role="switch"]:focus-visible, [role="tab"]:focus-visible {
  outline: 2px solid var(--text-primary);
  outline-offset: 4px;
}
html { scroll-behavior: smooth; }
.navigation-phone .navigation-links, .navigation-phone .navigation-actions { visibility: hidden; }
.navigation-open .navigation-links, .navigation-open .navigation-actions { opacity: 1 !important; visibility: visible; }
.navigation-open .menu-line-top { transform: rotate(45deg) !important; }
.navigation-open .menu-line-bottom { transform: rotate(-45deg) !important; }
[data-product-dropdown] { position: relative; }
/* Le panneau sort de la barre : son parent doit autoriser ce débordement. */
.site-navigation:not([data-mobile-nav]) .navigation-links { overflow: visible; }
[data-product-dropdown] > [aria-expanded="true"] .text { color: var(--text-muted) !important; }
.desktop-products-panel {
  position: absolute;
  top: calc(100% + 13px);
  left: -10px;
  width: 150px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 15px;
  background: var(--page-background);
  box-shadow: 0 .602187px .602187px -1.25px rgba(0, 0, 0, 0.242), 0 2.28853px 2.28853px -2.5px rgba(0, 0, 0, 0.224), 0 10px 10px -3.75px rgba(0, 0, 0, 0.086);
  z-index: 20;
}
.desktop-products-panel::before { content: ''; position: absolute; height: 30px; top: -30px; left: 0; right: 0; }
.desktop-products-panel::after { content: ''; position: absolute; inset: 0; border: 1px solid var(--surface-muted); border-radius: inherit; pointer-events: none; }
.desktop-products-panel > a { flex: none; width: 100%; height: 32px; }
.desktop-products-panel a:hover [data-part="inactive"] { background: var(--surface-muted) !important; }
.faq-answer { width: 100%; }
.faq-item[aria-expanded="true"] .faq-icon > * { visibility: hidden; }
.faq-item[aria-expanded="true"] .faq-icon::after {
  content: ''; position: absolute; width: 13px; height: 1px;
  background: var(--text-muted); left: 3px; top: 9px;
}
[data-billing="monthly"] [data-billing-toggle] { justify-content: flex-start !important; }
[data-billing="yearly"] [data-billing-toggle] { justify-content: flex-end !important; }
[data-tab-indicator] { transition: left .3s ease, width .3s ease; }
[data-preview-panel] { transition: opacity .35s ease; }
[data-blog-filter][aria-pressed="true"] { background: var(--surface-muted) !important; border-radius: 24px !important; }
[data-blog-filter][aria-pressed="false"] { background: transparent !important; }
[data-blog-filter] { transition: background .2s ease; }
[data-lottie] { width: 100%; height: 100%; }
.contact-form-status { color: var(--error); font-family: Urbanist, sans-serif; font-size: 16px; line-height: 1.5; }
.article-anchor { scroll-margin-top: 120px; }
.article-toc-link {
  color: rgba(255, 255, 255, 0.64); text-decoration: none; cursor: pointer; transition: color .2s;
  font-family: Jost, 'Jost Placeholder', sans-serif; font-size: 14px;
  font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 1.2em;
}
.article-toc-link:hover { color: var(--text-primary); }
[data-article-share] { cursor: pointer; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
