/* Shared by the LTR and RTL stylesheets. Match the fixed header in every state. */
.header {
    --menu-accent: #faed31;
    background-color: #2b2b2b;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.header .desktop-nav li > a {
    color: #fff;
}

.header .desktop-nav .dropdown-icon {
    border-color: currentColor;
}

.header .desktop-nav .dropdown-menu li > a {
    color: #000;
}

.header .header-fix-log {
    display: block;
}

.header .default-log {
    display: none;
}

.header .desktop-nav .dropdown-menu {
    --menu-accent: rgb(87, 33, 95);
}

.header .desktop-nav li>a:is(:hover, :focus, :active),
.header .desktop-nav li:is(.active, .current-menu-item, .current-menu-ancestor)>a,
.header .desktop-nav a[aria-current="page"] {
    color: var(--menu-accent);
}

.header .header-search-icon {
    filter: brightness(0) invert(1);
}

.header .header-search-icon:is(:hover, :focus-visible),
.header.header-fixed1.header-fixed .header-search-icon:is(:hover, :focus-visible) {
    filter: brightness(0) saturate(100%) invert(80%) sepia(75%) saturate(462%) hue-rotate(359deg) brightness(106%) contrast(96%);
}

.header .desktop-nav li>a:is(:hover, :focus, :active) .dropdown-icon,
.header .desktop-nav li:is(.active, .current-menu-item, .current-menu-ancestor)>a .dropdown-icon {
    border-color: currentColor;
}

.header .desktop-nav li > a.contact-btn {
    border-color: #faed31;
}

.header .desktop-nav li > a.contact-btn:is(:hover, :focus, :active) {
    background-color: var(--clr-primary-100);
}

.header :is(a, button):focus-visible,
.mobile-overlay-menu :is(a, button):focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 5px;
}

.header .desktop-nav li:focus-within>.dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    margin-top: 10px;
}



.mobile-overlay-menu .overlay-nav-list li>a:is(:hover, :focus, :active),
.mobile-overlay-menu .overlay-nav-list li:is(.current-menu-item, .active)>a {
    color: #faed31;
}

/* Comfortable prose rhythm without altering headings or compact interface sizing. */
body {
    line-height: 1.65;
}

body :is(p, .entry-content li, .page-content li) {
    line-height: 1.75;
}

html[dir="rtl"] body {
    font-family: "Noto Naskh Arabic", "Adobe Arabic", "Traditional Arabic", serif;
    font-size: 18px;
    line-height: 1.85;
}

html[dir="rtl"] body :is(p, li, a, label, input, textarea, select, button, .select2-container, .select2-results__option) {
    font-family: "Noto Naskh Arabic", "Adobe Arabic", "Traditional Arabic", serif;
    letter-spacing: normal;
}

html[dir="rtl"] body :is(p, .entry-content li, .page-content li) {
    font-size: clamp(18px, 1.1vw + 8px, 20px);
    font-weight: 400;
    line-height: 1.5;
}

html[dir="rtl"] body :is(label, input, textarea, select, button) {
    line-height: 1.6;
}

html[dir="rtl"] .header .desktop-nav li>a {
    font-size: 18px;
    line-height: 1.5;
}

html[dir="rtl"] .checkbox-group label {
    font-size: 18px;
    line-height: 1.6;
}

/* Separate successive taxonomy groups without adding space above the first. */
.section-organisation .card-body>.card-domain-text+.card-domain-title {
    margin-block-start: 1rem;
}