/*
Theme Name: Kashkul
Theme URI: https://example.com/kashkul
Author: Antigravity
Author URI: https://example.com
Description: A modern, minimal, super fast, A++ grading, RTL Persian compatible WordPress Block Theme.
Version: 1.1.0
Requires at least: 6.3
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kashkul
Tags: blog, one-column, custom-colors, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks
*/

:root {
    --glass-bg: rgba(15, 23, 42, 0.7);
    --glass-border: rgba(255, 255, 255, 0.05);
    --glass-blur: 12px;
    --glow-color: rgba(6, 182, 212, 0.15);
}

body {
    font-family: 'Vazirmatn', sans-serif;
    background-color: var(--wp--preset--color--background);
    color: var(--wp--preset--color--text);
    overflow-x: hidden;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--wp--preset--color--background);
}

::-webkit-scrollbar-thumb {
    background: var(--wp--preset--color--surface-highlight);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--wp--preset--color--primary);
}

/* Glassmorphism Utilities */
.glass-panel {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
    border: 1px solid var(--glass-border);
}

/* Animations */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

.wp-block-post-template li {
    animation: fadeUp 0.6s ease-out forwards;
    opacity: 0;
}

.wp-block-post-template li:nth-child(1) {
    animation-delay: 0.1s;
}

.wp-block-post-template li:nth-child(2) {
    animation-delay: 0.2s;
}

.wp-block-post-template li:nth-child(3) {
    animation-delay: 0.3s;
}

.wp-block-post-template li:nth-child(4) {
    animation-delay: 0.4s;
}

.wp-block-post-template li:nth-child(5) {
    animation-delay: 0.5s;
}

.wp-block-post-template li:nth-child(6) {
    animation-delay: 0.6s;
}

/* Hover Effects */
.wp-block-post-template .wp-block-group {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.wp-block-post-template .wp-block-group:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -10px var(--glow-color);
    border-color: var(--wp--preset--color--primary-glow);
}

/* Image Hover Zoom */
.wp-block-post-featured-image img {
    transition: transform 0.5s ease;
}

.wp-block-group:hover .wp-block-post-featured-image img {
    transform: scale(1.05);
}

/* Sticky Header */
header.wp-block-template-part {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(2, 6, 23, 0.8);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--glass-border);
    transition: all 0.3s ease;
}