/**
 * PlaySet Theme Additional Styles
 * این فایل برای استایل‌های تکمیلی و سفارشی‌سازی بیشتر است
 */

/* ===== Custom Scrollbar ===== */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}
::-webkit-scrollbar-thumb {
    background: var(--accent-purple);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--accent-cyan);
}

/* ===== Selection ===== */
::selection {
    background: var(--accent-purple);
    color: #fff;
}

/* ===== Loading Animation ===== */
.loading-spinner {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid var(--bg-secondary);
    border-top-color: var(--accent-purple);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}

/* ===== Responsive Adjustments ===== */
@media (max-width: 768px) {
    .article-featured-image {
        height: 200px;
    }
    .article-header h1 {
        font-size: 1.5rem;
    }
    .post-image {
        height: 160px;
    }
}