/* ── Design Heating — Custom Styles ── */

/* Scroll animations */
[data-animate] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}
[data-animate].animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

/* FAQ transition */
[data-faq-icon] {
  transition: transform 0.3s ease;
}

/* Selection color */
::selection {
  background: #D6C3A5;
  color: #222222;
}

/* Focus visible */
:focus-visible {
  outline: 2px solid #C85A2B;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Smooth image loading */
img {
  transition: opacity 0.3s ease;
}

/* Header transition */
#site-header {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Service section alternating direction fix */
@media (min-width: 1024px) {
  [style*="direction:rtl"] > * {
    direction: ltr;
  }
}