/* ============================================================
 * style.css — Global resets, base typography, RTL adjustments.
 * Loaded AFTER per-page CSS so it can normalize anything page CSS
 * overstated.
 * ============================================================ */

/* Skip link for accessibility */
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    background: #0d1b2a;
    color: #fff;
    padding: 0.6rem 1rem;
    z-index: 9999;
}
.skip-link:focus { left: 1rem; top: 1rem; }

/* RTL: flip flex direction on top-bar info row and nav numbers */
html[dir="rtl"] body {
    font-family: 'Cairo', 'Noto Naskh Arabic', 'DM Sans', sans-serif;
}
html[dir="rtl"] .top-bar-info { direction: rtl; }
html[dir="rtl"] .nav-num { margin-right: 0; margin-left: 6px; }
html[dir="rtl"] .lang-btn i { margin-left: 0; margin-right: 0.3rem; }
html[dir="rtl"] .lang-dropdown-content { right: auto; left: 0; }
html[dir="rtl"] .fa-ul { padding-left: 0; padding-right: 2em; }
html[dir="rtl"] .fa-li {
    left: auto;
    right: -2em;
    width: 2em;
    text-align: center;
}

/* Make sure the chatbot does not collide in RTL */
html[dir="rtl"] #ai-chatbot-toggle { right: auto; left: 20px; }
html[dir="rtl"] #ai-chatbot-box    { right: auto; left: 20px; }

/* Mobile menu visibility helper (script.js uses .active) */
#mobileMenu[aria-hidden="false"] { display: block; }

/* Hide-anywhere helper */
.is-hidden { display: none !important; }