/* INNOQ Keycloak Account Console Theme — Keycloak 26 / PatternFly v5 */

/* ===== Force light color scheme ===== */
:root {
    color-scheme: light only !important;
}

/* ===== Light-mode token overrides (applied unconditionally) ===== */
:root,
html,
html.pf-v5-theme-dark {
    --pf-v5-global--primary-color--100: #ff9c66 !important;
    --pf-v5-global--primary-color--200: #e88550 !important;
    --pf-v5-global--link--Color: #e88550 !important;
    --pf-v5-global--link--Color--hover: #ff9c66 !important;
    --pf-v5-global--BackgroundColor--100: #ffffff !important;
    --pf-v5-global--BackgroundColor--150: #fafafa !important;
    --pf-v5-global--BackgroundColor--200: #f5f5f5 !important;
    --pf-v5-global--BackgroundColor--dark-100: #ffffff !important;
    --pf-v5-global--BackgroundColor--dark-200: #f5f5f5 !important;
    --pf-v5-global--BackgroundColor--dark-300: #e0e0e0 !important;
    --pf-v5-global--BackgroundColor--dark-400: #4a4a4a !important;
    --pf-v5-global--Color--100: #1a1a1a !important;
    --pf-v5-global--Color--200: #4a4a4a !important;
    --pf-v5-global--Color--light-100: #1a1a1a !important;
    --pf-v5-global--Color--light-200: #4a4a4a !important;
    --pf-v5-c-masthead--BackgroundColor: #ffffff !important;
    --pf-v5-c-masthead--m-display-inline--BackgroundColor: #ffffff !important;
    --pf-v5-c-page__sidebar--BackgroundColor: #f5f5f5 !important;
    --pf-v5-c-page--BackgroundColor: #ffffff !important;
    --pf-v5-c-nav--BackgroundColor: transparent !important;
    --pf-v5-c-nav__link--Color: #1a1a1a !important;
    --pf-v5-c-nav__link--hover--Color: #e88550 !important;
    --pf-v5-c-nav__link--m-current--Color: #ff9c66 !important;
    --pf-v5-c-page__main-section--BackgroundColor: #ffffff !important;
    --pf-v5-c-page__main-section--m-light--BackgroundColor: #ffffff !important;
}

/* ===== Override @media (prefers-color-scheme: dark) from PF5 bundle ===== */
@media (prefers-color-scheme: dark) {
    :root,
    html,
    html.pf-v5-theme-dark {
        --pf-v5-global--primary-color--100: #ff9c66 !important;
        --pf-v5-global--primary-color--200: #e88550 !important;
        --pf-v5-global--link--Color: #e88550 !important;
        --pf-v5-global--link--Color--hover: #ff9c66 !important;
        --pf-v5-global--BackgroundColor--100: #ffffff !important;
        --pf-v5-global--BackgroundColor--150: #fafafa !important;
        --pf-v5-global--BackgroundColor--200: #f5f5f5 !important;
        --pf-v5-global--BackgroundColor--dark-100: #ffffff !important;
        --pf-v5-global--BackgroundColor--dark-200: #f5f5f5 !important;
        --pf-v5-global--BackgroundColor--dark-300: #e0e0e0 !important;
        --pf-v5-global--BackgroundColor--dark-400: #4a4a4a !important;
        --pf-v5-global--Color--100: #1a1a1a !important;
        --pf-v5-global--Color--200: #4a4a4a !important;
        --pf-v5-global--Color--light-100: #1a1a1a !important;
        --pf-v5-global--Color--light-200: #4a4a4a !important;
        --pf-v5-c-masthead--BackgroundColor: #ffffff !important;
        --pf-v5-c-masthead--m-display-inline--BackgroundColor: #ffffff !important;
        --pf-v5-c-page__sidebar--BackgroundColor: #f5f5f5 !important;
        --pf-v5-c-page--BackgroundColor: #ffffff !important;
        --pf-v5-c-nav--BackgroundColor: transparent !important;
        --pf-v5-c-nav__link--Color: #1a1a1a !important;
        --pf-v5-c-nav__link--hover--Color: #e88550 !important;
        --pf-v5-c-nav__link--m-current--Color: #ff9c66 !important;
        --pf-v5-c-page__main-section--BackgroundColor: #ffffff !important;
        --pf-v5-c-page__main-section--m-light--BackgroundColor: #ffffff !important;
    }

    .pf-v5-c-masthead,
    .pf-v5-c-masthead.pf-m-display-inline {
        background-color: #ffffff !important;
    }

    .pf-v5-c-page__sidebar,
    .pf-v5-c-page__sidebar-body {
        background-color: #f5f5f5 !important;
    }

    .pf-v5-c-nav {
        background-color: transparent !important;
    }

    .pf-v5-c-nav__link {
        color: #1a1a1a !important;
    }

    .pf-v5-c-nav__link:hover {
        color: #e88550 !important;
    }

    .pf-v5-c-nav__link.pf-m-current {
        color: #ff9c66 !important;
    }

    .pf-v5-c-page__main,
    .pf-v5-c-page__main-section {
        background-color: #ffffff !important;
        color: #1a1a1a !important;
    }

    .pf-v5-c-masthead .pf-v5-c-button,
    .pf-v5-c-masthead .pf-v5-c-menu-toggle {
        color: #1a1a1a !important;
    }

    .pf-v5-c-menu-toggle__text {
        color: #1a1a1a !important;
    }

    .pf-v5-c-title,
    .pf-v5-c-content,
    .pf-v5-c-content p {
        color: #1a1a1a !important;
    }

    .pf-v5-c-form__label-text {
        color: #4a4a4a !important;
    }

    .pf-v5-c-form-control {
        background-color: #ffffff !important;
        color: #1a1a1a !important;
    }

    .pf-v5-c-form-control input {
        color: #1a1a1a !important;
    }

    .pf-v5-c-card {
        background-color: #ffffff !important;
        border-color: #e0e0e0 !important;
    }

    .pf-v5-c-menu-toggle {
        background-color: #ffffff !important;
        color: #1a1a1a !important;
    }

    .pf-v5-c-button.pf-m-primary {
        background-color: #ff9c66 !important;
    }

    .pf-v5-c-button.pf-m-link {
        color: #e88550 !important;
    }

    .pf-v5-c-jump-links__link-text {
        color: #4a4a4a !important;
    }

    .pf-v5-c-jump-links__label {
        color: #4a4a4a !important;
    }
}

/* ===== Masthead ===== */
.pf-v5-c-masthead,
html.pf-v5-theme-dark .pf-v5-c-masthead,
.pf-v5-c-masthead.pf-m-display-inline {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.pf-v5-c-masthead .pf-v5-c-button,
.pf-v5-c-masthead .pf-v5-c-menu-toggle,
html.pf-v5-theme-dark .pf-v5-c-masthead .pf-v5-c-button,
html.pf-v5-theme-dark .pf-v5-c-masthead .pf-v5-c-menu-toggle {
    color: #1a1a1a !important;
}

.pf-v5-c-masthead .pf-v5-c-button:hover,
.pf-v5-c-masthead .pf-v5-c-menu-toggle:hover {
    color: #e88550 !important;
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle__text {
    color: #1a1a1a !important;
}

/* ===== Page sidebar ===== */
.pf-v5-c-page__sidebar,
html.pf-v5-theme-dark .pf-v5-c-page__sidebar,
.pf-v5-c-page__sidebar-body,
html.pf-v5-theme-dark .pf-v5-c-page__sidebar-body {
    background-color: #f5f5f5 !important;
}

/* ===== Navigation ===== */
.pf-v5-c-nav,
html.pf-v5-theme-dark .pf-v5-c-nav {
    background-color: transparent !important;
}

.pf-v5-c-nav__link,
html.pf-v5-theme-dark .pf-v5-c-nav__link {
    color: #1a1a1a !important;
}

.pf-v5-c-nav__link:hover,
html.pf-v5-theme-dark .pf-v5-c-nav__link:hover {
    color: #e88550 !important;
}

.pf-v5-c-nav__link.pf-m-current,
html.pf-v5-theme-dark .pf-v5-c-nav__link.pf-m-current {
    color: #ff9c66 !important;
}

.pf-v5-c-nav__link::after {
    --pf-v5-c-nav__link--m-current--after--BorderColor: #ff9c66;
}

.pf-v5-c-nav__section-title {
    color: #4a4a4a !important;
}

.pf-v5-c-nav__link[aria-expanded],
html.pf-v5-theme-dark .pf-v5-c-nav__link[aria-expanded] {
    color: #1a1a1a !important;
}

/* ===== Page main content ===== */
.pf-v5-c-page__main-section,
html.pf-v5-theme-dark .pf-v5-c-page__main-section {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
}

.pf-v5-c-page__main,
html.pf-v5-theme-dark .pf-v5-c-page__main {
    background-color: #ffffff !important;
}

/* ===== Replace Keycloak logo with INNOQ logo ===== */
.pf-v5-c-brand,
._brand_1gmge_1 {
    height: 32px;
    width: 120px;
    object-position: -9999px;
    background: url('../img/innoq-logo.svg') center/contain no-repeat;
}

img.pf-v5-c-brand,
img._brand_1gmge_1 {
    object-fit: none;
    overflow: hidden;
    color: transparent;
}

/* ===== Typography ===== */
.pf-v5-c-title,
.pf-v5-c-content,
.pf-v5-c-content p,
html.pf-v5-theme-dark .pf-v5-c-title,
html.pf-v5-theme-dark .pf-v5-c-content,
html.pf-v5-theme-dark .pf-v5-c-content p {
    color: #1a1a1a !important;
}

.pf-v5-c-form__label-text,
html.pf-v5-theme-dark .pf-v5-c-form__label-text {
    color: #4a4a4a !important;
}

/* ===== Buttons ===== */
.pf-v5-c-button.pf-m-primary,
html.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary {
    background-color: #ff9c66 !important;
    border: none;
}

.pf-v5-c-button.pf-m-primary:hover {
    background-color: #e88550 !important;
}

.pf-v5-c-button.pf-m-primary:focus {
    box-shadow: 0 0 0 3px rgba(255, 156, 102, 0.4);
}

.pf-v5-c-button.pf-m-link,
html.pf-v5-theme-dark .pf-v5-c-button.pf-m-link {
    color: #e88550 !important;
}

.pf-v5-c-button.pf-m-link:hover {
    color: #ff9c66 !important;
}

/* ===== Links ===== */
a {
    color: #e88550;
}

a:hover {
    color: #ff9c66;
}

/* ===== Form controls ===== */
.pf-v5-c-form-control,
html.pf-v5-theme-dark .pf-v5-c-form-control {
    --pf-v5-c-form-control--BackgroundColor: #ffffff !important;
    background-color: #ffffff !important;
    color: #1a1a1a !important;
}

.pf-v5-c-form-control input,
html.pf-v5-theme-dark .pf-v5-c-form-control input {
    color: #1a1a1a !important;
}

.pf-v5-c-form-control:focus-within {
    --pf-v5-c-form-control--BorderColor: #ff9c66;
    outline: 2px solid rgba(255, 156, 102, 0.25);
    outline-offset: -1px;
}

/* ===== Menu toggle (dropdowns) ===== */
.pf-v5-c-menu-toggle,
html.pf-v5-theme-dark .pf-v5-c-menu-toggle {
    --pf-v5-c-menu-toggle--BackgroundColor: #ffffff !important;
    color: #1a1a1a !important;
}

/* ===== Tabs ===== */
.pf-v5-c-tabs__link::after {
    --pf-v5-c-tabs__link--after--BorderColor--active: #ff9c66;
}

.pf-v5-c-tabs__link:hover::after,
.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link::after {
    border-bottom-color: #ff9c66;
}

/* ===== Switch / Toggle ===== */
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
    --pf-v5-c-switch__input--checked__toggle--BackgroundColor: #ff9c66;
}

/* ===== Cards ===== */
.pf-v5-c-card,
html.pf-v5-theme-dark .pf-v5-c-card {
    --pf-v5-c-card--BackgroundColor: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
}

/* ===== Jump links ===== */
.pf-v5-c-jump-links__link-text,
.pf-v5-c-jump-links__label,
html.pf-v5-theme-dark .pf-v5-c-jump-links__link-text,
html.pf-v5-theme-dark .pf-v5-c-jump-links__label {
    color: #4a4a4a !important;
}

.pf-v5-c-jump-links__item.pf-m-current .pf-v5-c-jump-links__link-text {
    color: #ff9c66 !important;
}

/* ===== Alerts ===== */
.pf-v5-c-alert.pf-m-warning {
    --pf-v5-c-alert--m-warning--BorderColor: #ff9c66;
}

/* ===== Data list ===== */
.pf-v5-c-data-list__item:hover {
    --pf-v5-c-data-list__item--hover--BackgroundColor: rgba(255, 156, 102, 0.05);
}