/* TOTTRUST Admin Console theme. Keep Keycloak's console components and behavior. */
:root {
    --pf-v5-global--primary-color--100: #1b2d51;
    --pf-v5-global--primary-color--200: #28446f;
    --pf-v5-global--link--Color: #1b2d51;
    --pf-v5-global--link--Color--hover: #127394;
    --pf-v5-global--active-color--100: #1ba7d7;
    --pf-v5-global--active-color--400: #1ba7d7;
    --pf-v5-global--BorderColor--100: #dce3eb;
    --pf-v5-global--BackgroundColor--light-100: #f5f9fc;
    --pf-v5-global--palette--blue-400: #1ba7d7;
    --pf-v5-global--palette--blue-500: #168ab2;
    --pf-v5-global--palette--blue-600: #127394;
    --pf-t--global--color--brand--default: #1b2d51;
    --pf-t--global--color--brand--hover: #28446f;
    --pf-t--global--color--link--default: #1b2d51;
    --pf-t--global--color--link--hover: #127394;
    --pf-t--global--border--color--default: #dce3eb;
    --pf-t--global--background--color--primary--default: #ffffff;
    --pf-t--global--background--color--secondary--default: #f5f9fc;
}

html, body, button, input, select, textarea {
    font-family: "Poppins", "Noto Sans Arabic", "Segoe UI", sans-serif;
}

html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
    font-family: "Loew Next Arabic", "Noto Sans Arabic", "Segoe UI", sans-serif;
}

:is(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid #1ba7d7;
    outline-offset: 2px;
}

/* Branded rail and page header, with Keycloak's accessible text intact. */
:is(.pf-v5-c-masthead, .pf-c-masthead) {
    border-block-end: 3px solid #1ba7d7;
    background: #1b2d51;
}

:is(.pf-v5-c-masthead, .pf-c-masthead) :is(a, button, h1, h2, span, svg) {
    --pf-v5-c-masthead--Color: #fff;
    color: #fff;
}

:is(.pf-v5-c-nav, .pf-c-nav) {
    --pf-v5-c-nav--BackgroundColor: #1b2d51;
    --pf-v5-c-nav__link--Color: #e5edf6;
    --pf-v5-c-nav__link--hover--Color: #fff;
    --pf-v5-c-nav__link--m-current--Color: #fff;
    --pf-v5-c-nav__link--m-current--BackgroundColor: rgb(152 210 241 / 13%);
    border-inline-end: 1px solid rgb(152 210 241 / 16%);
}

:is(.pf-v5-c-nav, .pf-c-nav) :is(a, button) { min-height: 42px; }
:is(.pf-v5-c-nav, .pf-c-nav) :is(a, button):hover { background-color: rgb(152 210 241 / 10%); }
:is(.pf-v5-c-nav, .pf-c-nav) :is(a, button)[aria-current="page"] {
    border-inline-start: 3px solid #1ba7d7;
    background-color: rgb(152 210 241 / 13%);
}

:is(.pf-v5-c-button.pf-m-primary, .pf-c-button.pf-m-primary) {
    --pf-v5-c-button--m-primary--BackgroundColor: #1b2d51;
    --pf-v5-c-button--m-primary--hover--BackgroundColor: #28446f;
    --pf-v5-c-button--m-primary--Color: #fff;
    border-radius: 6px;
}

:is(.pf-v5-c-button, .pf-c-button) { border-radius: 6px; }
:is(.pf-v5-c-card, .pf-c-card) { border-radius: 8px; }
:is(.pf-v5-c-table, .pf-c-table) thead { background: #f5f9fc; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}