/**
 * Arabic News Page Styles
 * 阿拉伯语新闻页面样式
 * 
 * Design: Luxury gold and deep blue color scheme with RTL support
 * Target: .lang-ar body class on news archive pages
 * Version: 1.2 - Enhanced specificity
 */

/* ============================================================================
   RTL Base Styles
   ============================================================================ */
body.lang-ar.archive,
body.lang-ar.category,
body.lang-ar.tag,
body.lang-ar.blog {
    direction: rtl !important;
    text-align: right !important;
}

/* ============================================================================
   Page Header - Gold & Deep Blue Theme
   ============================================================================ */
body.lang-ar.archive .page-header,
body.lang-ar.category .page-header {
    background: linear-gradient(135deg, #003366 0%, #004080 50%, #0055AA 100%) !important;
}

body.lang-ar.archive .page-title,
body.lang-ar.category .page-title {
    color: #FFD700 !important;
    text-shadow: 0 2px 12px rgba(212, 175, 55, 0.3) !important;
}

body.lang-ar.archive .page-subtitle,
body.lang-ar.category .page-subtitle {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* ============================================================================
   Filter Bar - Gold Theme
   ============================================================================ */
body.lang-ar.archive .news-filter-bar,
body.lang-ar.category .news-filter-bar {
    direction: rtl !important;
}

body.lang-ar.archive .filter-wrapper,
body.lang-ar.category .filter-wrapper {
    flex-direction: row-reverse !important;
}

body.lang-ar.archive .filter-label,
body.lang-ar.category .filter-label {
    color: #D4AF37 !important;
}

body.lang-ar.archive .filter-buttons,
body.lang-ar.category .filter-buttons {
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
}

body.lang-ar.archive .filter-btn,
body.lang-ar.category .filter-btn {
    border: 2px solid #e8eaed !important;
    transition: all 0.3s ease !important;
}

body.lang-ar.archive .filter-btn:hover,
body.lang-ar.category .filter-btn:hover {
    border-color: #D4AF37 !important;
    background: rgba(212, 175, 55, 0.05) !important;
    color: #D4AF37 !important;
}

body.lang-ar.archive .filter-btn.active,
body.lang-ar.category .filter-btn.active {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%) !important;
    color: #003366 !important;
    border-color: #D4AF37 !important;
    font-weight: 700 !important;
}

/* ============================================================================
   News Cards - Gold Theme
   ============================================================================ */
body.lang-ar.archive .news-card-archive,
body.lang-ar.category .news-card-archive {
    direction: rtl !important;
    text-align: right !important;
}

body.lang-ar.archive .news-card-archive::before,
body.lang-ar.category .news-card-archive::before {
    background: linear-gradient(90deg, #D4AF37 0%, #FFD700 100%) !important;
}

body.lang-ar.archive .news-card-archive:hover,
body.lang-ar.category .news-card-archive:hover {
    border-color: #D4AF37 !important;
}

body.lang-ar.archive .news-category-tag,
body.lang-ar.category .news-category-tag {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%) !important;
    color: #003366 !important;
    right: auto !important;
    left: 16px !important;
}

body.lang-ar.archive .news-category-tag .dashicons,
body.lang-ar.category .news-category-tag .dashicons {
    color: #003366 !important;
}

body.lang-ar.archive .news-meta,
body.lang-ar.category .news-meta {
    flex-direction: row-reverse !important;
}

body.lang-ar.archive .news-meta span,
body.lang-ar.category .news-meta span {
    flex-direction: row-reverse !important;
}

body.lang-ar.archive .news-meta .dashicons,
body.lang-ar.category .news-meta .dashicons {
    margin-left: 0 !important;
    margin-right: 6px !important;
}

body.lang-ar.archive .news-card-title a,
body.lang-ar.category .news-card-title a {
    color: #003366 !important;
}

body.lang-ar.archive .news-card-title a:hover,
body.lang-ar.category .news-card-title a:hover {
    color: #D4AF37 !important;
}

body.lang-ar.archive .news-card-link,
body.lang-ar.category .news-card-link {
    color: #D4AF37 !important;
}

body.lang-ar.archive .news-card-link:hover,
body.lang-ar.category .news-card-link:hover {
    color: #FFD700 !important;
    background: rgba(212, 175, 55, 0.05) !important;
}

body.lang-ar.archive .news-card-link .dashicons,
body.lang-ar.category .news-card-link .dashicons {
    margin-left: 0 !important;
    margin-right: 8px !important;
}

/* ============================================================================
   Pagination - Gold Theme
   ============================================================================ */
body.lang-ar.archive .archive-pagination,
body.lang-ar.category .archive-pagination {
    direction: rtl !important;
}

body.lang-ar.archive .archive-pagination .page-numbers,
body.lang-ar.category .archive-pagination .page-numbers {
    border: 2px solid #e8eaed !important;
}

body.lang-ar.archive .archive-pagination .page-numbers:hover,
body.lang-ar.category .archive-pagination .page-numbers:hover {
    border-color: #D4AF37 !important;
    background: rgba(212, 175, 55, 0.05) !important;
    color: #D4AF37 !important;
}

body.lang-ar.archive .archive-pagination .page-numbers.current,
body.lang-ar.category .archive-pagination .page-numbers.current {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%) !important;
    color: #003366 !important;
    border-color: #D4AF37 !important;
}

body.lang-ar.archive .archive-pagination .prev,
body.lang-ar.archive .archive-pagination .next,
body.lang-ar.category .archive-pagination .prev,
body.lang-ar.category .archive-pagination .next {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%) !important;
    color: #003366 !important;
    border-color: #D4AF37 !important;
}

body.lang-ar.archive .archive-pagination .prev:hover,
body.lang-ar.archive .archive-pagination .next:hover,
body.lang-ar.category .archive-pagination .prev:hover,
body.lang-ar.category .archive-pagination .next:hover {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    transform: translateY(-2px) !important;
}

body.lang-ar.archive .archive-pagination .prev .dashicons,
body.lang-ar.category .archive-pagination .prev .dashicons {
    margin-right: 0 !important;
    margin-left: 8px !important;
}

body.lang-ar.archive .archive-pagination .next .dashicons,
body.lang-ar.category .archive-pagination .next .dashicons {
    margin-left: 0 !important;
    margin-right: 8px !important;
}

/* ============================================================================
   Empty State - Gold Theme
   ============================================================================ */
body.lang-ar.archive .archive-empty-state,
body.lang-ar.category .archive-empty-state {
    text-align: center !important;
}

body.lang-ar.archive .empty-icon .dashicons,
body.lang-ar.category .empty-icon .dashicons {
    color: #D4AF37 !important;
}

body.lang-ar.archive .empty-actions,
body.lang-ar.category .empty-actions {
    flex-direction: row-reverse !important;
}

body.lang-ar.archive .btn-primary,
body.lang-ar.category .btn-primary {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%) !important;
    color: #003366 !important;
    border: none !important;
}

body.lang-ar.archive .btn-primary:hover,
body.lang-ar.category .btn-primary:hover {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.4) !important;
}

body.lang-ar.archive .btn-outline,
body.lang-ar.category .btn-outline {
    background: transparent !important;
    color: #D4AF37 !important;
    border: 2px solid #D4AF37 !important;
}

body.lang-ar.archive .btn-outline:hover,
body.lang-ar.category .btn-outline:hover {
    background: rgba(212, 175, 55, 0.1) !important;
    border-color: #FFD700 !important;
    color: #FFD700 !important;
    transform: translateY(-3px) !important;
}

/* ============================================================================
   Responsive Adjustments for RTL
   ============================================================================ */
@media (max-width: 768px) {
    body.lang-ar.archive .filter-wrapper,
    body.lang-ar.category .filter-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    
    body.lang-ar.archive .filter-buttons,
    body.lang-ar.category .filter-buttons {
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
    }
    
    body.lang-ar.archive .filter-btn,
    body.lang-ar.category .filter-btn {
        text-align: right !important;
    }
    
    body.lang-ar.archive .news-category-tag,
    body.lang-ar.category .news-category-tag {
        left: 12px !important;
    }
    
    body.lang-ar.archive .empty-actions,
    body.lang-ar.category .empty-actions {
        flex-direction: column !important;
    }
}

/* ============================================================================
   Print Styles - RTL
   ============================================================================ */
@media print {
    body.lang-ar.archive,
    body.lang-ar.category,
    body.lang-ar.tag {
        direction: rtl !important;
    }
}