/* ================================
   🎯 أدوات الوصول الشامل (Accessibility)
================================ */

/* الحاوية الرئيسية للأدوات */
 :root {
            --primary-color: #14573a;
            --primary-dark: #166c45;
            --primary-light: #e8f5e8;
            --secondary-color: #2e7d32;
            --accent-color: #4caf50;
            --text-dark: #2c3e50;
            --text-light: #666666;
            --bg-light: #f8f9fa;
            --border-color: #e0e0e0;
            --shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
            --shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);
            --border-radius: 8px;
            --transition: all 0.3s ease;
        }



.accessibility-links {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

/* الروابط والأزرار الأساسية */
.accessibility-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    color: var(--white);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
    min-width: fit-content;
}

.accessibility-link:hover {
    background: var(--white);
    color: var(--primary-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.accessibility-link i {
    margin-left: 0.5rem;
    font-size: 1rem;
}

.footer-access {
    color: var(--white);
    text-align: center;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    font-weight: 600;
}


/* ================================
   🌙 الوضع الداكن المتكامل
================================ */

:root {
    --dark-bg-primary: #111927;
    --dark-bg-secondary: #384250;
    --dark-text: #d2d6db;
    --dark-primary: #1B8354;
    --dark-border: #46546b;
    --dark-hover: #54657d;
    --dark-shadow: rgba(0, 0, 0, 0.4);
}

/* الأساسيات */
body.dark-mode {
    background-color: var(--dark-bg-primary) !important;
    color: var(--dark-text) !important;
}

/* النصوص والعناوين */
body.dark-mode h1, 
body.dark-mode h2, 
body.dark-mode h3,
body.dark-mode h4, 
body.dark-mode h5, 
body.dark-mode h6,
body.dark-mode p, 
body.dark-mode span, 
body.dark-mode div,
body.dark-mode label, 
body.dark-mode small,
body.dark-mode strong {
    color: var(--dark-text) !important;
}

/* الروابط */
body.dark-mode a:not(.btn):not(.accessibility-link) {
    color: var(--dark-text) !important;
}

body.dark-mode a:not(.btn):not(.accessibility-link):hover {
    color: var(--dark-primary) !important;
}

/* المكونات الأساسية */
body.dark-mode .about-section, 
body.dark-mode .events-section,
body.dark-mode .regulations-section, 
body.dark-mode .section_help,
body.dark-mode .card92, 
body.dark-mode .card-links,
body.dark-mode .platform-card, 
body.dark-mode .card-item,
body.dark-mode .digital-stamp-card,
body.dark-mode .box {
    background-color: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 12px var(--dark-shadow) !important;
}

/* تأثيرات Hover للمكونات */
body.dark-mode .card-links:hover,
body.dark-mode .platform-card:hover,
body.dark-mode .card-item:hover,
body.dark-mode .digital-stamp-card:hover,
body.dark-mode .box:hover {
    background-color: var(--dark-hover) !important;
    box-shadow: 0 8px 25px var(--dark-shadow) !important;
    transform: translateY(-2px) !important;
}

/* الحاويات */
body.dark-mode .container {
    background-color: transparent !important;
}

body.dark-mode .container-fluid:not(.fluidarea_service599) {
    background-color: var(--dark-bg-primary) !important;
}

body.dark-mode .area_service599,
body.dark-mode .modern-carousel-container,
body.dark-mode .container-fluid.mt-50.mb-50 {
    background-color: var(--dark-bg-primary) !important;
}

/* الأزرار والنماذج */
body.dark-mode .btn-primary, 
body.dark-mode .feedback-btn,
body.dark-mode .contact-btn, 
body.dark-mode .arrow-btn,
body.dark-mode .btn-digital-stamp-card {
    background-color: var(--dark-primary) !important;
    color: #ffffff !important;
    border-color: var(--dark-primary) !important;
}

body.dark-mode .btn-primary:hover, 
body.dark-mode .feedback-btn:hover,
body.dark-mode .contact-btn:hover, 
body.dark-mode .arrow-btn:hover {
    background-color: #166A45 !important;
    border-color: #166A45 !important;
}

body.dark-mode .form-control, 
body.dark-mode .form-search {
    background-color: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode .form-control:focus, 
body.dark-mode .form-search:focus {
    background-color: var(--dark-hover) !important;
    border-color: var(--dark-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(27, 131, 84, 0.25) !important;
}

/* الصور */
body.dark-mode img {
    filter: brightness(0.85);
}

body.dark-mode img:hover {
    filter: brightness(1);
}

/* ========== NAVBAR في الوضع الداكن ========== */
body.dark-mode .modern-header, 
body.dark-mode .navbar {
    background-color: var(--dark-bg-primary) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 12px var(--dark-shadow) !important;
}

body.dark-mode .navbar-nav .nav-link {
    color: var(--dark-text) !important;
}

body.dark-mode .navbar-nav .nav-link:hover {
    color: var(--dark-primary) !important;
    background-color: rgba(27, 131, 84, 0.1) !important;
}

body.dark-mode .nav_dropdown .dropdown-menu {
    background-color: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 8px 25px var(--dark-shadow) !important;
}

body.dark-mode .nav_dropdown .dropdown-item {
    color: var(--dark-text) !important;
}

body.dark-mode .nav_dropdown .dropdown-item:hover {
    background-color: var(--dark-primary) !important;
    color: #ffffff !important;
}

/* ========== العناوين والأسماء ========== */
body.dark-mode .important-links-title, 
body.dark-mode .regulations-section .title,
body.dark-mode .platform-content label, 
body.dark-mode .important-links-label,
body.dark-mode .card-item__title,
body.dark-mode .main_title,
body.dark-mode .section-title {
    color: var(--dark-text) !important;
}

/* ========== تأثيرات الانتقال ========== */
body.dark-mode .modern-header, 
body.dark-mode .navbar,
body.dark-mode .nav-link, 
body.dark-mode .dropdown-menu,
body.dark-mode .digital-stamp-card, 
body.dark-mode .card-links,
body.dark-mode .card-item, 
body.dark-mode .platform-card,
body.dark-mode .btn,
body.dark-mode .form-control {
    transition: all 0.3s ease !important;
}

/* ========== قسم المنصات الهامة ========== */
body.dark-mode .platform-image {
    background-color: var(--dark-hover) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

body.dark-mode .platform-content {
    background-color: transparent !important;
}

body.dark-mode .platform-link {
    color: var(--dark-primary) !important;
    background-color: transparent !important;
}

body.dark-mode .platform-link:hover {
    color: #166A45 !important;
    background-color: rgba(27, 131, 84, 0.1) !important;
}

/* ========== الفوتر (Footer) ========== */
body.dark-mode .footer-modern-style {
    background-color: var(--dark-bg-primary) !important;
    color: var(--dark-text) !important;
    border-top: 1px solid var(--dark-border) !important;
}

body.dark-mode .footer-main-content,
body.dark-mode .footer-right-section,
body.dark-mode .footer-left-section,
body.dark-mode .footer-logos-container,
body.dark-mode .footer-social-section,
body.dark-mode .footer-links-grid {
    background-color: transparent !important;
}

body.dark-mode .footer-logo {
    filter: brightness(0.9) !important;
}

body.dark-mode .footer-logo:hover {
    filter: brightness(1) !important;
}

body.dark-mode .social-link {
    background-color: var(--dark-bg-secondary) !important;
    color: var(--dark-text) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode .social-link:hover {
    background-color: var(--dark-primary) !important;
    color: #ffffff !important;
    border-color: var(--dark-primary) !important;
}

body.dark-mode .accessibility-link {
    background-color: var(--dark-bg-secondary) !important;
    color: var(--dark-text) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode .accessibility-link:hover {
    background-color: var(--dark-primary) !important;
    color: #ffffff !important;
    border-color: var(--dark-primary) !important;
}

body.dark-mode .footer-column h5 {
    color: var(--dark-text) !important;
}

body.dark-mode .footer-column ul li a {
    color: #a0a6b0 !important;
}

body.dark-mode .footer-column ul li a:hover {
    color: var(--dark-primary) !important;
}

body.dark-mode .footer-bottom {
    background-color: var(--dark-bg-secondary) !important;
    border-top: 1px solid var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* ========== فئات النصوص الخاصة ========== */
body.dark-mode .text_green { 
    color: var(--dark-primary) !important; 
}

body.dark-mode .text-white, 
body.dark-mode .text-black, 
body.dark-mode .text-dark { 
    color: var(--dark-text) !important; 
}

body.dark-mode .text-light { 
    color: #a0a6b0 !important; 
}

body.dark-mode .led-word { 
    color: var(--dark-primary) !important; 
}

body.dark-mode .green-text {
    color: var(--dark-primary) !important;
}

/* ========== العناصر التفاعلية ========== */
body.dark-mode .new {
    background-color: var(--dark-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .btn_span {
    background-color: var(--dark-bg-secondary) !important;
    color: var(--dark-text) !important;
}

body.dark-mode .btn_span:hover {
    background-color: var(--dark-primary) !important;
    color: #ffffff !important;
}

/* ========== حدود وظلال ========== */
body.dark-mode .container[class*="border"],
body.dark-mode .container-fluid[class*="border"],
body.dark-mode span[class*="border"] {
    border-color: var(--dark-border) !important;
}

body.dark-mode .container[class*="shadow"],
body.dark-mode .container-fluid[class*="shadow"],
body.dark-mode span[class*="shadow"] {
    box-shadow: 0 2px 8px var(--dark-shadow) !important;
}

/* ========== تحسينات للجوال ========== */
@media (max-width: 768px) {
    .accessibility-links { 
        gap: 0.5rem; 
    }
    
    .accessibility-link { 
        font-size: 0.8rem; 
        padding: 0.4rem 0.8rem;
    }
    
    .footer-access { 
        font-size: 1rem; 
    }
    
    body.dark-mode .card-links,
    body.dark-mode .platform-card {
        margin-bottom: 15px !important;
    }
    
    body.dark-mode .footer-column {
        margin-bottom: 20px !important;
    }
}

/* ========== تحسينات الوصول ========== */
body.dark-mode .navbar-nav .nav-link:focus,
body.dark-mode .dropdown-item:focus,
body.dark-mode .accessibility-link:focus,
body.dark-mode .platform-link:focus {
    outline: 2px solid var(--dark-primary) !important;
    outline-offset: 2px !important;
}

/* ========== حالات خاصة ========== */
body.dark-mode .bg1 {
    background-color: var(--dark-bg-secondary) !important;
}

body.dark-mode .label-green {
    color: var(--dark-text) !important;
}

body.dark-mode .go-to-link,
body.dark-mode .app-links,
body.dark-mode .link789 {
    background-color: transparent !important;
}

/* ========== التأكد من التطبيق ========== */
body.dark-mode .container-fluid.mt-50.mb-50,
body.dark-mode .platform-card,
body.dark-mode .footer-modern-style {
    border: 1px solid var(--dark-border) !important;
}









/* ========== Dark Mode لـ content-section-riyadh ========== */
body.dark-mode .content-section-riyadh {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .content-card-riyadh {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 5px 25px var(--dark-shadow) !important;
    color: var(--dark-text) !important;
}

body.dark-mode .content-card-riyadh:hover {
    box-shadow: 0 8px 35px var(--dark-shadow) !important;
    transform: translateY(-5px);
    background: var(--dark-hover) !important;
}

body.dark-mode .section-title-riyadh {
    color: var(--dark-text) !important;
}

body.dark-mode .section-title-riyadh::after {
    background: linear-gradient(135deg, var(--dark-primary), #166A45) !important;
}

body.dark-mode .content-text-riyadh {
    color: var(--dark-text) !important;
}

body.dark-mode .content-text-riyadh p {
    color: var(--dark-text) !important;
}

/* Hero Section في Dark Mode */
body.dark-mode .hero-header {
    background: var(--dark-bg-secondary) !important;
    color: var(--dark-text) !important;
}

body.dark-mode .hero-title {
    color: var(--dark-text) !important;
}

/* Breadcrumb في Dark Mode */
body.dark-mode .breadcrumb-riyadh {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode .breadcrumb-item a {
    color: var(--dark-text) !important;
}

body.dark-mode .breadcrumb-item.active {
    color: var(--dark-primary) !important;
}

/* الصورة والمعلومات الإضافية */
body.dark-mode .ameen-image {
    filter: brightness(0.9);
    border: 2px solid var(--dark-border) !important;
}

body.dark-mode .ameen-div5 p {
    color: var(--dark-text) !important;
}

body.dark-mode .download-cv {
    background: var(--dark-primary) !important;
    color: white !important;
    border: 1px solid var(--dark-primary) !important;
}

body.dark-mode .download-cv:hover {
    background: #166A45 !important;
    border-color: #166A45 !important;
}