/* ============================================================
   SOFEMA CONCIERGE — PERFORMANCE LAYER
   Load LAST on every public page.
   ============================================================ */

.nav--scrolled,
.concierge-surface .site-header.is-scrolled,
.support-answer-utility__top.is-stuck,
.knowledge-page-top.is-stuck,
.support-utility-search,
.knowledge-search-shell--detail,
.support-answer-sidebar,
.knowledge-side-stack,
.mobile-nav {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.nav--scrolled {
  background: rgba(255, 255, 255, 0.97) !important;
}

.concierge-surface .site-header.is-scrolled,
.support-answer-utility__top.is-stuck,
.knowledge-page-top.is-stuck,
.support-utility-search,
.knowledge-search-shell--detail,
.mobile-nav {
  background: rgba(255, 255, 255, 0.98) !important;
}

.nav--scrolled,
.concierge-surface .site-header.is-scrolled {
  box-shadow: 0 2px 8px rgba(10, 22, 40, 0.06) !important;
}

.support-answer-utility__top.is-stuck,
.knowledge-page-top.is-stuck {
  box-shadow: 0 2px 6px rgba(10, 22, 40, 0.05) !important;
}

html,
html.js {
  scroll-behavior: auto !important;
}

.search__input-wrapper:not(:focus-within) {
  animation: none !important;
}

.search__dropdown--visible,
.cmdk--visible {
  will-change: transform, opacity;
}

.nav,
.nav--scrolled {
  transition: box-shadow 180ms ease, background 180ms ease !important;
}

.support-answer-actions,
.knowledge-responsible-ai,
.knowledge-detail-modules {
  content-visibility: auto;
  contain-intrinsic-size: auto 320px;
}

.search__suggestion-path,
.knowledge-result-card__path {
  display: none !important;
}

.card[href] {
  color: inherit;
  text-decoration: none;
}

.hero__badge,
.hero__title,
.hero__subtitle,
.search,
.search__chips {
  animation-duration: 350ms !important;
}

.card,
.topic-card,
.info-card {
  transition-duration: 180ms !important;
}

.card.is-visible,
.topic-card.is-visible {
  transition-duration: 320ms !important;
}

.cards-grid .card.is-visible:nth-child(1),
.topics__scroll .topic-card.is-visible:nth-child(1) {
  transition-delay: 0ms !important;
}

.cards-grid .card.is-visible:nth-child(2),
.topics__scroll .topic-card.is-visible:nth-child(2) {
  transition-delay: 50ms !important;
}

.cards-grid .card.is-visible:nth-child(3),
.topics__scroll .topic-card.is-visible:nth-child(3) {
  transition-delay: 100ms !important;
}

.cards-grid .card.is-visible:nth-child(4),
.topics__scroll .topic-card.is-visible:nth-child(4) {
  transition-delay: 150ms !important;
}

.topics__scroll .topic-card.is-visible:nth-child(5) {
  transition-delay: 200ms !important;
}

.topics__scroll .topic-card.is-visible:nth-child(6) {
  transition-delay: 250ms !important;
}

.search__dropdown,
.cmdk,
.cmdk-overlay {
  transition-duration: 150ms !important;
}

.support-answer-main,
.knowledge-detail-grid > *,
.support-answer-sidebar > * {
  animation-duration: 300ms !important;
}

.support-answer-sidebar > *:nth-child(1) {
  animation-delay: 50ms !important;
}

.support-answer-sidebar > *:nth-child(2) {
  animation-delay: 100ms !important;
}

.support-answer-sidebar > *:nth-child(3) {
  animation-delay: 150ms !important;
}

@media (max-width: 768px) {
  .card.is-visible,
  .topic-card.is-visible,
  .stats__card.is-visible {
    transition-delay: 0ms !important;
    transition-duration: 0ms !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .support-answer-main,
  .knowledge-detail-grid > *,
  .support-answer-sidebar > * {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}
