/**
 * Arabic Homepage Override Styles
 * 
 * High-priority styles to ensure Arabic design is applied
 */

/* Force Arabic styles with higher specificity */
.site-main.arabic-home {
    direction: rtl !important;
    text-align: right !important;
}

/* Hero Banner - Ensure gold and blue colors are visible with background image */
.site-main.arabic-home .arabic-hero {
    background-color: #003366 !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    min-height: 600px !important;
}

/* 确保内联样式的背景图片不被覆盖 */
.site-main.arabic-home .arabic-hero[style*="background-image"] {
    background-blend-mode: normal !important;
}

/* 深蓝色遮罩层 - 确保背景图片可见 */
.site-main.arabic-home .hero-overlay {
    background: linear-gradient(135deg, rgba(0, 51, 102, 0.60) 0%, rgba(0, 64, 128, 0.60) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* 菱形金色网格图案 - 显示在遮罩层之上 */
.site-main.arabic-home .hero-pattern {
    background-image: 
        repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(212, 175, 55, 0.06) 40px, rgba(212, 175, 55, 0.06) 80px),
        repeating-linear-gradient(-45deg, transparent, transparent 40px, rgba(212, 175, 55, 0.06) 40px, rgba(212, 175, 55, 0.06) 80px) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.site-main.arabic-home .hero-content {
    z-index: 3 !important;
}

.site-main.arabic-home .hero-scroll-indicator {
    z-index: 3 !important;
}

.site-main.arabic-home .hero-title .title-line {
    background: linear-gradient(90deg, #D4AF37 0%, #FFD700 50%, #D4AF37 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}

/* Buttons - Gold theme */
.site-main.arabic-home .btn-primary.btn-hero {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%) !important;
    color: #003366 !important;
    border: none !important;
}

.site-main.arabic-home .btn-primary.btn-hero:hover {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
}

/* Section Labels - Gold background */
.site-main.arabic-home .section-label {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%) !important;
    color: #003366 !important;
}

/* Feature Icons - Gold gradient */
.site-main.arabic-home .feature-icon {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%) !important;
    color: #003366 !important;
}

/* Solution Card Icons - Gold gradient */
.site-main.arabic-home .solution-card .card-icon {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%) !important;
    color: #003366 !important;
}

/* Stats Section - Deep blue background */
.site-main.arabic-home .company-stats {
    background: linear-gradient(135deg, #003366 0%, #004080 100%) !important;
    color: #FFFFFF !important;
}

/* CTA Section - Deep blue background */
.site-main.arabic-home .cta-section {
    background: linear-gradient(135deg, #003366 0%, #004080 100%) !important;
    color: #FFFFFF !important;
}

.site-main.arabic-home .cta-buttons .btn-primary {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%) !important;
    color: #003366 !important;
}

/* Card hover effects - Gold border */
.site-main.arabic-home .arabic-card:hover {
    border-color: #D4AF37 !important;
}

/* Decoration elements - Gold color */
.site-main.arabic-home .decoration-diamond {
    background: #D4AF37 !important;
}

.site-main.arabic-home .decoration-line {
    background: linear-gradient(90deg, transparent 0%, #D4AF37 50%, transparent 100%) !important;
}

/* Stat icons - Gold border and color */
.site-main.arabic-home .stat-icon {
    border-color: #D4AF37 !important;
    color: #D4AF37 !important;
}

/* Product card overlay - Gold gradient */
.site-main.arabic-home .product-card .card-overlay {
    background: linear-gradient(135deg, rgba(0, 51, 102, 0.9) 0%, rgba(212, 175, 55, 0.9) 100%) !important;
}

/* Links - Gold color on hover */
.site-main.arabic-home .solution-card .card-link {
    color: #D4AF37 !important;
}

.site-main.arabic-home .solution-card .card-link:hover {
    color: #003366 !important;
}

/* Ensure images display correctly */
.site-main.arabic-home .card-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.site-main.arabic-home .placeholder-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    background: #f0f0f0 !important;
}

/* Section Footer Buttons - Gold Theme */
.site-main.arabic-home .section-footer .btn-primary {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%) !important;
    color: #003366 !important;
    border: none !important;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4) !important;
}

.site-main.arabic-home .section-footer .btn-primary:hover {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.5) !important;
}