/**
 * Arabic Single Solution Page Styles
 * 阿拉伯语解决方案详情页样式
 * 
 * Design: Luxury gold and deep blue color scheme with RTL support
 * Target: .lang-ar body class on single solution pages
 * Version: 1.0
 */

/* ============================================================================
   RTL Base Styles
   ============================================================================ */
.lang-ar.single-solution {
    direction: rtl;
    text-align: right;
}

/* ============================================================================
   Hero Section - Gold & Deep Blue Theme
   ============================================================================ */
.lang-ar .solution-hero-new {
    background: linear-gradient(135deg, #003366 0%, #004080 50%, #0055AA 100%);
}

.lang-ar .breadcrumb-new {
    direction: rtl;
    flex-direction: row-reverse;
}

.lang-ar .breadcrumb-new .separator {
    transform: scaleX(-1);
}

.lang-ar .breadcrumb-new a:hover {
    color: #FFD700;
}

.lang-ar .solution-title-new {
    color: #FFD700;
    text-shadow: 0 2px 12px rgba(212, 175, 55, 0.3);
}

.lang-ar .industry-badge-new {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%);
    color: #003366;
}

.lang-ar .industry-badge-new .dashicons {
    color: #003366;
}

.lang-ar .industry-badge-new:hover {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%);
    transform: translateY(-2px);
}

/* ============================================================================
   Content Sections - Gold Theme
   ============================================================================ */
.lang-ar .solution-section-new {
    direction: rtl;
}

.lang-ar .solution-section-new .section-icon {
    background: linear-gradient(135deg, #D4AF37 0%, #B8941F 100%);
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.35);
}

.lang-ar .solution-section-new .section-icon:hover {
    box-shadow: 0 12px 32px rgba(212, 175, 55, 0.45);
}

.lang-ar .solution-section-new h2 {
    color: #003366;
}

.lang-ar .solution-section-new h2::after {
    background: linear-gradient(90deg, #D4AF37 0%, #FFD700 100%);
}

/* ============================================================================
   Benefits List - Gold Theme
   ============================================================================ */
.lang-ar .benefits-list-new {
    text-align: right;
}

.lang-ar .benefits-list-new li {
    padding-left: 0;
    padding-right: 48px;
}

.lang-ar .benefit-icon {
    left: auto;
    right: 0;
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%);
}

.lang-ar .benefit-icon .dashicons {
    color: #003366;
}

/* ============================================================================
   Product Cards - Gold Theme
   ============================================================================ */
.lang-ar .product-card-new {
    direction: rtl;
}

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

.lang-ar .product-card-new:hover {
    border-color: #D4AF37;
}

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

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

.lang-ar .product-link-new {
    color: #D4AF37;
}

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

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

/* ============================================================================
   Product Recommendation Section - Gold Theme
   ============================================================================ */
.lang-ar .solution-product-recommendation {
    background: linear-gradient(135deg, #FFF8E7 0%, #FFF4D6 100%);
    border-right: 5px solid #D4AF37;
    border-left: none;
}

.lang-ar .recommendation-icon {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%);
}

.lang-ar .recommendation-icon .dashicons {
    color: #003366;
}

.lang-ar .recommendation-header h2 {
    color: #003366;
}

.lang-ar .recommendation-subtitle {
    color: #666;
}

.lang-ar .recommendation-card {
    direction: rtl;
}

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

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

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

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

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

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

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

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

.lang-ar .recommendation-btn .dashicons {
    margin-left: 0;
    margin-right: 8px;
}

.lang-ar .view-all-products {
    color: #D4AF37;
    border: 2px solid #D4AF37;
}

.lang-ar .view-all-products:hover {
    background: rgba(212, 175, 55, 0.1);
    color: #FFD700;
    border-color: #FFD700;
}

.lang-ar .view-all-products .dashicons {
    margin-left: 0;
    margin-right: 8px;
}

/* ============================================================================
   CTA Section - Gold & Deep Blue Theme
   ============================================================================ */
.lang-ar .solution-cta-new {
    background: linear-gradient(135deg, #003366 0%, #004080 100%);
}

.lang-ar .cta-icon {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%);
}

.lang-ar .cta-icon .dashicons {
    color: #003366;
}

.lang-ar .solution-cta-new h3 {
    color: #FFD700;
}

.lang-ar .solution-cta-new p {
    color: rgba(255, 255, 255, 0.9);
}

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

.lang-ar .solution-cta-new .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 .solution-cta-new .btn-primary .dashicons {
    color: #003366;
}

/* ============================================================================
   Image Overlay - Gold Theme
   ============================================================================ */
.lang-ar .image-overlay {
    background: linear-gradient(135deg, rgba(0, 51, 102, 0.8) 0%, rgba(212, 175, 55, 0.8) 100%);
}

.lang-ar .view-icon {
    background: rgba(212, 175, 55, 0.9);
}

.lang-ar .view-icon .dashicons {
    color: #003366;
}

/* ============================================================================
   Responsive Adjustments for RTL
   ============================================================================ */
@media (max-width: 768px) {
    .lang-ar .breadcrumb-new {
        flex-wrap: wrap;
    }
    
    .lang-ar .solution-industries-new {
        justify-content: flex-start;
    }
    
    .lang-ar .benefits-list-new li {
        padding-right: 40px;
    }
    
    .lang-ar .recommendation-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================================================
   Print Styles - RTL
   ============================================================================ */
@media print {
    .lang-ar.single-solution {
        direction: rtl;
    }
}