/* ==========================================================================
   accessibility.css - الاتحاد العربي للإعلام السياحي
   Skip Navigation، Focus Styles، ARIA
   ========================================================================== */

/* --------------------------------------------------------------------------
   Skip Navigation Link
   -------------------------------------------------------------------------- */
.skip-nav {
    position: absolute;
    top: -100%;
    right: 0;
    z-index: 9999;
    padding: var(--spacing-md) var(--spacing-lg);
    background-color: var(--color-accent);
    color: #FFFFFF;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-base);
    text-decoration: none;
    border-radius: 0 0 0 var(--radius-md);
    transition: top 0.2s ease;
}

.skip-nav:focus {
    top: 0;
    outline: none;
}

/* --------------------------------------------------------------------------
   Focus Styles - أنماط التركيز
   -------------------------------------------------------------------------- */

/* Focus الافتراضي لجميع العناصر التفاعلية */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid var(--color-primary);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

/* Focus للأزرار */
.btn:focus-visible {
    outline: 3px solid var(--color-primary);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(var(--color-primary-rgb), 0.2);
}

/* Focus للروابط */
a:focus-visible {
    outline-offset: 3px;
}

/* إخفاء focus ring عند الضغط بالماوس */
:focus:not(:focus-visible) {
    outline: none;
}

/* --------------------------------------------------------------------------
   ARIA Live Regions
   -------------------------------------------------------------------------- */
[aria-live="polite"],
[aria-live="assertive"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

/* --------------------------------------------------------------------------
   تباين الألوان - ضمان readability
   -------------------------------------------------------------------------- */

/* نصوص على خلفية داكنة */
.bg-dark {
    color: #FFFFFF;
}

.bg-dark a {
    color: #FFFFFF;
}

.bg-dark a:hover {
    color: var(--color-primary-light);
}

.bg-dark .ph,
.bg-dark [class*="ph-"] {
    color: #FFFFFF;
}

/* --------------------------------------------------------------------------
   Reduced Motion
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* --------------------------------------------------------------------------
   High Contrast Mode
   -------------------------------------------------------------------------- */
@media (forced-colors: active) {
    .btn {
        border: 2px solid ButtonText;
    }

    .news-card__category {
        border: 1px solid;
    }
}