/* أنماط متجاوبة للهواتف والأجهزة اللوحية */

@media (max-width: 1200px) {
    .container {
        max-width: 100%;
        padding: 0 1rem;
    }
}

@media (max-width: 768px) {
    /* Header */
    header {
        padding: 0.75rem;
    }
    
    .logo {
        font-size: 1.25rem;
    }
    
    .search-container {
        margin: 0 0.5rem;
    }
    
    .header-actions {
        gap: 0.5rem;
    }
    
    .btn span {
        display: none;
    }
    
    .btn {
        padding: 0.5rem;
    }
    
    /* Manga Grid */
    .manga-grid {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 1rem;
    }
    
    .manga-thumbnail {
        height: 200px;
    }
    
    /* صفحة تفاصيل المانجا */
    .manga-header {
        flex-direction: column;
        gap: 1rem;
    }
    
    .manga-poster {
        flex: none;
        max-width: 250px;
        margin: 0 auto;
    }
    
    .manga-title {
        font-size: 1.5rem;
        text-align: center;
    }
    
    .manga-meta {
        justify-content: center;
    }
    
    /* Chapter Page */
    .chapter-nav {
        flex-direction: column;
        gap: 1rem;
    }
    
    .chapter-nav .btn {
        width: 100%;
        justify-content: center;
    }
    
    /* Comments */
    .replies {
        margin-right: 1rem;
    }
    
    .comment-actions {
        flex-wrap: wrap;
    }
    
    /* Notifications */
    .notification-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .notification-actions {
        flex-wrap: wrap;
    }
    
    /* Auth Page */
    .auth-container {
        margin: 1rem auto;
    }
    
    .auth-card {
        padding: 1.5rem;
    }
    
    /* Drawer */
    .drawer {
        width: 280px;
    }
    
    /* Footer */
    .footer-content {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

@media (max-width: 480px) {
    /* Header */
    .search-container {
        display: none;
    }
    
    .header-actions .btn:not(#drawerToggle) span {
        display: none;
    }
    
    /* Manga Grid */
    .manga-grid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 2fr));
        gap: 0.75rem;
    }
    
    .manga-thumbnail {
        height: 180px;
    }
    
    .manga-info {
        padding: 0.75rem;
    }
    
    .manga-title {
        font-size: 0.875rem;
    }
    
    .manga-meta {
        font-size: 0.75rem;
    }
    
    /* Filters */
    .filters {
        gap: 0.5rem;
    }
    
    .filter-btn {
        padding: 0.4rem 0.8rem;
        font-size: 0.875rem;
    }
    
    /* Chapter Images */
    .chapter-images {
        margin-bottom: 1rem;
    }
    
    /* Comments */
    .comment {
        padding: 0.75rem;
    }
    
    .comment-user {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .user-avatar-small {
        width: 24px;
        height: 24px;
    }
    
    /* Notifications */
    .notification-item {
        padding: 1rem;
    }
    
    /* Auth Page */
    .auth-tabs {
        flex-direction: column;
    }
    
    .auth-tab {
        padding: 0.75rem;
    }
}

@media (max-width: 360px) {
    .manga-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .manga-thumbnail {
        height: 160px;
    }
    
    .container {
        padding: 0 0.5rem;
    }
    
    .auth-card {
        padding: 1rem;
    }
}

/* تحسينات للوضع الأفقي على الهواتف */
@media (max-height: 500px) and (orientation: landscape) {
    .auth-container {
        margin: 0.5rem auto;
    }
    
    .auth-card {
        padding: 1rem;
    }
    
    .form-group {
        margin-bottom: 1rem;
    }
}

/* تحسينات للشاشات الكبيرة */
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
    
    .manga-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}

/* دعم الأجهزة التي تفضل الوضع المظلم */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        --primary-color: #5fa8ff;
        --secondary-color: #34495e;
        --accent-color: #ff6b6b;
        --light-color: #2c3e50;
        --dark-color: #ecf0f1;
        --text-color: #ecf0f1;
        --bg-color: #1a1a2e;
        --card-bg: #16213e;
        --shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    }
}

/* تحسينات للأجهزة التي تدعم اللمس */
@media (hover: none) and (pointer: coarse) {
    .manga-card:hover {
        transform: none;
    }
    
    .btn:active {
        transform: scale(0.98);
    }
    
    .comment-actions .action-btn:active,
    .notification-actions .action-btn:active {
        background: rgba(0,0,0,0.1);
    }
}

/* تحسينات للقراءات منخفضة التكلفة */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}