/*
Theme Name: Astra Child - TED Platform
Template: astra
Version: 1.0.0
Description: پلتفرم ویدیویی پیشرفته شبیه TED
Text Domain: astra-child
*/

/* Hide Astra default header and footer */
.site-header, 
.site-footer,
header.site-header,
footer.site-footer {
    display: none !important;
}

/* Basic reset */
.ted-platform {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* Ensure content visibility */
.site-content {
    margin-top: 0 !important;
}

/* Ensure main content is visible */
.ted-main-content {
    min-height: 60vh;
    padding: 20px 0;
}

/* TED Platform Base Styles */
:root {
    /* TED Color System */
    --ted-primary: #e62b1e;
    --ted-primary-dark: #cc0000;
    --ted-primary-light: #ff4d3d;
    --ted-black: #000000;
    --ted-gray-900: #1a1a1a;
    --ted-gray-800: #333333;
    --ted-gray-700: #4d4d4d;
    --ted-gray-600: #666666;
    --ted-gray-500: #808080;
    --ted-gray-400: #999999;
    --ted-gray-300: #b3b3b3;
    --ted-gray-200: #cccccc;
    --ted-gray-100: #e6e6e6;
    --ted-gray-50: #f5f5f5;
    --ted-white: #ffffff;
    
    /* Typography */
    --ted-font-primary: 'Vazirmatn', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --ted-font-heading: 'Vazirmatn', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
    /* Spacing */
    --ted-space-xs: 0.5rem;
    --ted-space-sm: 1rem;
    --ted-space-md: 1.5rem;
    --ted-space-lg: 2rem;
    --ted-space-xl: 3rem;
    --ted-space-2xl: 4rem;
    
    /* Border Radius */
    --ted-radius-sm: 0.5rem;
    --ted-radius-md: 0.75rem;
    --ted-radius-lg: 1rem;
    --ted-radius-xl: 1.5rem;
    
    /* Shadows */
    --ted-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --ted-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --ted-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --ted-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --ted-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    
    /* Animations */
    --ted-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --ted-duration: 0.3s;
}

/* Responsive Design */
@media (max-width: 768px) {
    .ted-container {
        padding: 0 var(--ted-space-sm);
    }
    
    .ted-hero-title {
        font-size: 2.5rem;
    }
    
    .ted-section-title {
        font-size: 2rem;
    }
}

@media (max-width: 480px) {
    .ted-hero-title {
        font-size: 2rem;
    }
    
    .ted-section-title {
        font-size: 1.75rem;
    }
}

/* FIXED: استایل برای نمایش 5 آیتم در کنار هم */
.ted-featured-grid {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: var(--ted-space-lg);
}

.ted-categories-grid {
    grid-template-columns: repeat(6, 1fr) !important;
    gap: var(--ted-space-lg);
}

.ted-ribbon-slider {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: var(--ted-space-lg);
}

/* FIXED: ریسپانسیو برای موبایل */
@media (max-width: 1200px) {
    .ted-featured-grid,
    .ted-ribbon-slider {
        grid-template-columns: repeat(4, 1fr) !important;
    }
    
    .ted-categories-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .ted-featured-grid,
    .ted-ribbon-slider {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .ted-categories-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    .ted-featured-grid,
    .ted-ribbon-slider,
    .ted-categories-grid {
        grid-template-columns: 1fr !important;
    }
}