/*
Theme Name: هزاررود
Theme URI: https://hezarood.cloud
Author: Your Name
Description: قالب لندینگ حرفه‌ای هزاررود - فاز یک
Version: 1.0
Text Domain: hezarrood
*/

:root {
    --brand: #2563eb;
}
@font-face {
    font-family: 'Estedad';
    src: url('./Estedad/Estedad-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    /* تعیین محدوده وزن از خیلی نازک (Thin) تا خیلی ضخیم (Black) */
    font-style: normal;
    font-display: swap;
    /* برای لود بهتر و جلوگیری از نامرئی شدن متن */
}

 html {
            scroll-behavior: smooth;
        }

        ::selection {
            background-color: #2563eb;
            color: white;
        }

        /* افکت‌های تب‌ها */
        .tab-content {
            display: none;
            opacity: 0;
            transform: translateY(15px);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .tab-content.active {
            display: block;
            opacity: 1;
            transform: translateY(0);
            animation: slideUp 0.5s ease-out forwards;
        }

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

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

        /* استایل اختصاصی دکمه‌های تب */
        .tab-btn.active {
            background-color: white;
            color: #2563eb;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            border-color: #bfdbfe;
        }

        .chart-container {
            position: relative;
            width: 100%;
            height: 350px;
        }
        
        .mobile-menu {
    transform: translateY(-100%);
    transition: transform 0.4s cubic-bezier(0.32, 0.72, 0, 1);
    max-height: 85vh;
    overflow-y: auto;
}

.mobile-menu.open {
    transform: translateY(0);
}