/**
 * Arabic Solutions Page Styles
 * 阿拉伯语解决方案页面样式
 * 
 * Design: Luxury gold and deep blue color scheme with RTL support
 * Target: .lang-ar body class on solutions archive page
 * Version: 1.0
 */

/* ============================================================================
   RTL Base Styles
   ============================================================================ */
.lang-ar.archive.post-type-archive-solution,
.lang-ar.tax-industry {
    direction: rtl;
    text-align: right;
}

/* ============================================================================
   Hero Section - Gold & Deep Blue Theme
   ============================================================================ */
/* 背景图片 - 直接通过CSS设置 */
body.lang-ar .archive-solution-new .archive-hero,
body.lang-ar .archive-solution-new .archive-hero-gradient,
body.lang-ar.archive.post-type-archive-solution .archive-hero,
body.lang-ar.archive.post-type-archive-solution .archive-hero-gradient {
    background-image: url('http://silica-fume.local/wp-content/uploads/2026/01/4.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Deep blue overlay mask - 深蓝色遮罩层 */
body.lang-ar .archive-solution-new .archive-hero::before,
body.lang-ar .archive-solution-new .archive-hero-gradient::before,
body.lang-ar.archive.post-type-archive-solution .archive-hero::before,
body.lang-ar.archive.post-type-archive-solution .archive-hero-gradient::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background: linear-gradient(135deg, rgba(0, 51, 102, 0.75) 0%, rgba(0, 64, 128, 0.75) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

body.lang-ar .archive-solution-new .archive-hero-content,
body.lang-ar .archive-solution-new .archive-hero-gradient .archive-hero-content,
body.lang-ar.archive.post-type-archive-solution .archive-hero-content {
    position: relative !important;
    z-index: 2 !important;
    text-align: center !important;
}

body.lang-ar .archive-solution-new .archive-title,
body.lang-ar.archive.post-type-archive-solution .archive-title {
    color: #FFD700 !important;
    text-shadow: 0 2px 12px rgba(212, 175, 55, 0.3) !important;
    text-align: center !important;
}

body.lang-ar .archive-solution-new .archive-description,
body.lang-ar.archive.post-type-archive-solution .archive-description {
    color: rgba(255, 255, 255, 0.95) !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ============================================================================
   Filter Section - Gold Theme
   ============================================================================ */
.lang-ar .archive-filters {
    direction: rtl;
}

.lang-ar .filter-label {
    color: #D4AF37;
}

.lang-ar .filter-label .dashicons {
    color: #D4AF37;
}

.lang-ar .filter-buttons {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.lang-ar .filter-btn {
    border: 2px solid #e8eaed;
    transition: all 0.3s ease;
}

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

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

.lang-ar .filter-btn .count {
    background: rgba(212, 175, 55, 0.15);
    color: #D4AF37;
}

.lang-ar .filter-btn.active .count {
    background: rgba(0, 51, 102, 0.15);
    color: #003366;
}

/* ============================================================================
   Category Info - Gold Theme
   ============================================================================ */
.lang-ar .category-info {
    background: linear-gradient(135deg, #FFF8E7 0%, #FFF4D6 100%);
    border-right: 5px solid #D4AF37;
    border-left: none;
}

.lang-ar .category-title {
    color: #003366;
}

.lang-ar .category-title .dashicons {
    color: #D4AF37;
}

/* ============================================================================
   Solution Cards - Gold Theme
   ============================================================================ */
.lang-ar .solution-card-archive {
    direction: rtl;
    text-align: right;
}

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

.lang-ar .solution-card-archive:hover {
    border-color: #D4AF37;
}

.lang-ar .solution-industry-tag {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%);
    color: #003366;
    right: auto;
    left: 16px;
}

.lang-ar .solution-industry-tag .dashicons {
    color: #003366;
}

.lang-ar .solution-card-title a {
    color: #003366;
}

.lang-ar .solution-card-title a:hover {
    color: #D4AF37;
}

.lang-ar .solution-benefits-preview {
    text-align: right;
}

.lang-ar .solution-benefits-preview li {
    padding-left: 0;
    padding-right: 28px;
}

.lang-ar .solution-benefits-preview .dashicons {
    left: auto;
    right: 0;
    color: #D4AF37;
}

.lang-ar .solution-card-link {
    color: #D4AF37;
}

.lang-ar .solution-card-link:hover {
    color: #FFD700;
    background: rgba(212, 175, 55, 0.05);
}

.lang-ar .solution-card-link .dashicons {
    margin-left: 0;
    margin-right: 8px;
}

/* ============================================================================
   Pagination - Gold Theme
   ============================================================================ */
.lang-ar .archive-pagination {
    direction: rtl;
}

.lang-ar .archive-pagination .page-numbers {
    border: 2px solid #e8eaed;
}

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

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

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

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

.lang-ar .archive-pagination .prev .dashicons {
    margin-right: 0;
    margin-left: 8px;
}

.lang-ar .archive-pagination .next .dashicons {
    margin-left: 0;
    margin-right: 8px;
}

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

.lang-ar .empty-icon .dashicons {
    color: #D4AF37;
}

.lang-ar .empty-actions {
    flex-direction: row-reverse;
}

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

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

.lang-ar .btn-outline {
    background: transparent;
    color: #D4AF37;
    border: 2px solid #D4AF37;
}

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

/* ============================================================================
   Responsive Adjustments for RTL
   ============================================================================ */
@media (max-width: 768px) {
    .lang-ar .filter-buttons {
        flex-direction: column;
        align-items: stretch;
    }
    
    .lang-ar .filter-btn {
        text-align: right;
    }
    
    .lang-ar .solution-industry-tag {
        left: 12px;
    }
    
    .lang-ar .empty-actions {
        flex-direction: column;
    }
}

/* ============================================================================
   Print Styles - RTL
   ============================================================================ */
@media print {
    .lang-ar.archive.post-type-archive-solution,
    .lang-ar.tax-industry {
        direction: rtl;
    }
}