/* در CSS سفارشی‌ات */
.dark .plyr--full-ui {
    --plyr-color-main: #f59e0b;
    /* رنگ اصلی پلیر در حالت دارک (amber-500) */
}

.animate-fade-slide {
    animation: fadeSlide 12s infinite;
}

.fade-in-up {
    animation: fadeInUp 1s ease-out forwards;
    opacity: 0;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* استایل برای تب‌های فعال و غیرفعال */
.tab-btn.active {
    color: #f59e0b;
    /* amber-500 */
    border-bottom-color: #f59e0b;
}

.plyr {
    border-radius: 10px;
    width: 100%;
    height: 450px;
}

.animate-fade-slide.delay-3000 {
    animation-delay: 4s;
}

.animate-fade-slide.delay-6000 {
    animation-delay: 8s;
}

@keyframes fadeSlide {

    0%,
    100% {
        opacity: 0;
    }

    10%,
    30% {
        opacity: 1;
    }

    40%,
    90% {
        opacity: 0;
    }
}
body {
    font-family: 'Vazirmatn', sans-serif;
    background-color: #f8f9fa;
}
.hero-bg-2 {
    background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=2070&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
}
 body {
            font-family: 'Vazirmatn', sans-serif;
        }
        .prose {
            max-width: none;
        }
        .prose h2 {
            font-size: 1.875rem;
            margin-top: 2em;
            margin-bottom: 1em;
            font-weight: 700;
        }
        .prose p {
            line-height: 1.75;
            margin-bottom: 1.25em;
        }
        .prose blockquote {
            border-right: 4px solid #f97316;
            padding-right: 1rem;
            margin-right: 0;
            font-style: italic;
            color: #4b5563;
        }
        .dark .prose blockquote {
            border-right-color: #fb923c;
            color: #d1d5db;
        }