/**
 * استایل‌های Smooth Scroll برای لینک‌های داخلی
 */

/* فعال‌سازی smooth scroll برای کل صفحه */
html {
    scroll-behavior: smooth;
}

/* استایل برای المان‌های هدف (target) */
:target {
    scroll-margin-top: 80px; /* فاصله از بالای صفحه */
    animation: highlight 2s ease-in-out;
}

/* انیمیشن هایلایت برای بخش هدف */
@keyframes highlight {
    0% {
        background-color: rgba(255, 193, 7, 0.3);
    }
    100% {
        background-color: transparent;
    }
}

/* تنظیمات اضافی برای scroll */
* {
    scroll-padding-top: 80px;
}

/* بهبود عملکرد انیمیشن */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    
    :target {
        animation: none;
    }
}