/* ========================================================
   زاد المسلم — ورقة أنماط إمكانية الوصول وكبار السن (WCAG 2.2 AA)
   Zad Al-Muslim - Accessibility & Elderly Support Stylesheet
   ======================================================== */

/* 1. تكبير الخط بدرجات مخصصة لكبار السن */
[data-font-size="large"] {
    font-size: 19px !important;
}
[data-font-size="large"] .quran-verse-text {
    font-size: 1.9rem !important;
    line-height: 2.4 !important;
}

[data-font-size="xlarge"] {
    font-size: 22px !important;
}
[data-font-size="xlarge"] .quran-verse-text {
    font-size: 2.3rem !important;
    line-height: 2.8 !important;
}

/* 2. وضع التباين العالي الفائق (High Contrast Mode) */
[data-contrast="high"] {
    --bg-main: #000000 !important;
    --card-bg: #121212 !important;
    --text-main: #ffffff !important;
    --text-muted: #e2e8f0 !important;
    --border-color: #ffd700 !important;
    --primary: #ffd700 !important;
    --primary-light: #ffea70 !important;
    --primary-lighter: #2a2a00 !important;
    --primary-dark: #000000 !important;
    --accent-gold: #ffff00 !important;
}

[data-contrast="high"] body {
    background-color: #000000 !important;
    color: #ffffff !important;
}

[data-contrast="high"] .card,
[data-contrast="high"] .ayah-box,
[data-contrast="high"] .site-header,
[data-contrast="high"] .mobile-bottom-nav,
[data-contrast="high"] .site-footer {
    border: 2px solid #ffd700 !important;
    background-color: #121212 !important;
}

[data-contrast="high"] .quran-verse-text {
    color: #ffd700 !important;
}

[data-contrast="high"] a,
[data-contrast="high"] button {
    text-decoration: underline !important;
}

/* 3. تقليل الحركة لذوي الحساسية البصرية (Reduced Motion) */
@media (prefers-reduced-motion: reduce) {
    *, ::before, ::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

[data-reduced-motion="true"] *,
[data-reduced-motion="true"] ::before,
[data-reduced-motion="true"] ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
}

/* 4. مؤشرات التركيز الواضحة للتنقل بلوحة المفاتيح Keyboard Focus */
:focus-visible {
    outline: 3px solid #d97706 !important;
    outline-offset: 3px !important;
}

/* 5. قارئات الشاشة Screen Readers (نصوص مخفية مرئياً فقط) */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* زر التخطي إلى المحتوى الرئيسي لسهولة وصول لوحة المفاتيح */
.skip-to-content {
    position: absolute;
    top: -60px;
    right: 20px;
    background: #14532d;
    color: #ffffff;
    padding: 10px 18px;
    z-index: 9999;
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none;
    transition: top 0.2s ease;
}
.skip-to-content:focus {
    top: 15px;
}