/**
 * Accessibility Fixes - حل مشاكل التباين
 * @package Kora_Plus_Pro
 */

/* ===================================
   إصلاح مشاكل التباين (Contrast)
   WCAG AAA Standard
   =================================== */

/* النصوص الصغيرة - تباين أفضل */
.post-meta,
.meta-date,
.side-article-meta,
.rotating-article-meta,
.mosaic-meta,
.category-count,
.cat-count {
    color: #666 !important; /* بدلاً من #999 */
    font-weight: 700 !important;
}

/* النصوص الرمادية - تحسين التباين */
.post-excerpt,
.footer-description {
    color: #555 !important; /* بدلاً من rgba */
}

/* الروابط - تباين واضح */
a {
    color: #0066cc;
    text-decoration: none;
}

a:hover {
    color: #004499;
    text-decoration: underline;
}

/* الأزرار - تباين عالي */
.button,
.btn,
button[type="submit"] {
    background: var(--primary, #00A859) !important;
    color: #fff !important;
    font-weight: 700 !important;
    border: none !important;
}

.button:hover {
    background: #008a47 !important;
}

/* نصوص على خلفيات ملونة - تحسين القراءة */
.slider-category,
/* ✅ Category badges - تستخدم Primary Color */
.post-cat-badge,
.mosaic-category {
    color: #fff !important;
    background: linear-gradient(135deg, var(--primary, #00A859), var(--primary-light, #00c46e)) !important;
    font-weight: 800 !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 2px 8px rgba(0, 168, 89, 0.3) !important;
}

/* العناوين - وضوح أفضل */
.post-title a,
.slider-title a,
.mosaic-title a {
    color: #1a1a1a !important;
    font-weight: 800 !important;
}

.post-title a:hover,
.slider-title a:hover {
    color: var(--primary, #00A859) !important;
}

/* النصوص على الخلفيات الداكنة */
.slider-content {
    text-shadow: 2px 2px 8px rgba(0,0,0,0.9);
}

.slider-title {
    color: #fff !important;
    text-shadow: 3px 3px 10px rgba(0,0,0,0.9);
}

/* حقول الإدخال - تباين أفضل */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="number"],
textarea,
select {
    color: #1a1a1a !important;
    border: 2px solid #ccc !important;
    background: #fff !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary, #00A859) !important;
    outline: 2px solid rgba(0,168,89,0.2) !important;
    outline-offset: 2px !important;
}

/* Placeholders - وضوح أفضل */
::placeholder {
    color: #666 !important;
    opacity: 1 !important;
}

/* Footer - تباين محسّن */
.site-footer {
    color: #fff !important;
}

.footer-nav a,
.footer-social a {
    color: #fff !important;
    font-weight: 600 !important;
}

.footer-nav a:hover {
    color: var(--primary, #00A859) !important;
}

/* النصوص الثانوية */
.description,
.search-hint {
    color: #555 !important;
    font-weight: 600 !important;
}

/* Badge والعناصر الصغيرة */
.badge,
.label,
.tag {
    color: #fff !important;
    background: #1a1a1a !important;
    font-weight: 700 !important;
}

/* Focus States - لسهولة الوصول */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 3px solid var(--primary, #00A859) !important;
    outline-offset: 2px !important;
}

/* Skip to Content Link */
.skip-to-content {
    position: absolute;
    top: -100px;
    left: 0;
    background: #00A859;
    color: #fff;
    padding: 10px 20px;
    font-weight: 700;
    z-index: 99999;
}

.skip-to-content:focus {
    top: 0;
}

/* إصلاح التباين للعناصر الفاشلة */
.latest-date {
    color: #555 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.latest-item {
    background: #fff !important;
    border: 2px solid #e9ecef !important;
}

/* ✅ إصلاح التباين في الفوتر وحقوق النشر */
.copyright,
.site-footer .copyright,
.site-footer .copyright p,
.footer-copyright,
.footer-copyright p,
.footer-copyright .copyright {
    color: #ffffff !important;
    background-color: #000000 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.site-footer,
.footer-content {
    background: #1a1a1a !important;
    color: #ffffff !important;
}

.site-footer .footer-nav a,
.site-footer .footer-nav li a,
.site-footer a {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.site-footer .footer-nav a:hover,
.site-footer .footer-nav li a:hover,
.site-footer a:hover {
    color: var(--primary, #00A859) !important;
}

.footer-description {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* ✅ إصلاح تباين الفوتر بشكل كامل - WCAG AA Compliance */
.site-footer .footer-bottom,
.site-footer .footer-bottom-content,
.site-footer .footer-quick-links {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* ✅ إصلاح تباين copyright - تباين 21:1 (أبيض على أسود) */
.site-footer .footer-copyright {
    background-color: #000000 !important;
    padding: 10px 15px !important;
    border-radius: 4px !important;
}
.site-footer .footer-copyright .copyright,
.site-footer .footer-copyright p,
.site-footer .footer-copyright p.copyright,
.site-footer .footer-copyright a {
    color: #ffffff !important; /* أبيض على أسود - أفضل تباين ممكن */
    font-weight: 600 !important;
    margin: 0 !important;
}

/* ✅ إصلاح تباين design credits */
.site-footer .footer-design-credits .design-text {
    color: #ffffff !important; /* أبيض بدلاً من #666 */
    font-weight: 600 !important;
}
.site-footer .footer-design-credits .team-name {
    color: var(--primary, #00A859) !important; /* أخضر على خلفية داكنة - تباين كافٍ */
    font-weight: 700 !important;
}
.site-footer .footer-design-credits .team-name:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}