/* ============================================================
   Soljem Account Console - Premium Theme
   Brand: #003082 (blue), #ed6e00 (orange)
   ============================================================ */

:root {
    --soljem-blue: #003082;
    --soljem-blue-dark: #001a4d;
    --soljem-blue-light: #0047bf;
    --soljem-orange: #ed6e00;
    --soljem-orange-dark: #d46200;
    --soljem-orange-light: #ff8a2b;
    --soljem-font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* PatternFly v5 overrides */
    --pf-v5-global--primary-color--100: var(--soljem-orange) !important;
    --pf-v5-global--primary-color--200: var(--soljem-orange-dark) !important;
    --pf-v5-global--link--Color: var(--soljem-orange) !important;
    --pf-v5-global--link--Color--hover: var(--soljem-orange-dark) !important;
    --pf-v5-global--active-color--100: var(--soljem-orange) !important;
    --pf-v5-global--FontFamily--text: var(--soljem-font) !important;
    --pf-v5-global--FontFamily--heading: var(--soljem-font) !important;
}

/* ---------- Typography ---------- */
body {
    font-family: var(--soljem-font) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ---------- Masthead / Header ---------- */
.pf-v5-c-masthead,
.pf-v5-c-page__header {
    background: var(--soljem-blue) !important;
    border-bottom: 2px solid var(--soljem-orange) !important;
    --pf-v5-c-masthead--BackgroundColor: var(--soljem-blue) !important;
}

/* Brand logo in header */
.pf-v5-c-masthead__brand img,
.pf-v5-c-brand {
    height: 28px !important;
    width: auto !important;
}

/* Header links / buttons */
.pf-v5-c-masthead .pf-v5-c-button,
.pf-v5-c-masthead a {
    color: rgba(255,255,255,0.85) !important;
}

.pf-v5-c-masthead .pf-v5-c-button:hover,
.pf-v5-c-masthead a:hover {
    color: #ffffff !important;
}

/* ---------- Sidebar / Navigation ---------- */
.pf-v5-c-nav__link {
    font-family: var(--soljem-font) !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.pf-v5-c-nav__link:hover {
    color: var(--soljem-orange) !important;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link {
    color: var(--soljem-orange) !important;
    border-left-color: var(--soljem-orange) !important;
    font-weight: 600 !important;
}

.pf-v5-c-nav__link.pf-m-current::after,
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link::after {
    background-color: var(--soljem-orange) !important;
}

/* ---------- Page Content ---------- */
.pf-v5-c-page__main-section {
    font-family: var(--soljem-font) !important;
}

/* ---------- Cards ---------- */
.pf-v5-c-card {
    border-radius: 10px !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
    transition: box-shadow 0.2s ease !important;
}

.pf-v5-c-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

.pf-v5-c-card__header,
.pf-v5-c-card__title {
    font-family: var(--soljem-font) !important;
}

/* ---------- Buttons ---------- */
.pf-v5-c-button.pf-m-primary {
    background-color: var(--soljem-orange) !important;
    border-color: var(--soljem-orange) !important;
    font-family: var(--soljem-font) !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

.pf-v5-c-button.pf-m-primary:hover {
    background-color: var(--soljem-orange-dark) !important;
    border-color: var(--soljem-orange-dark) !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(237,110,0,0.25);
}

.pf-v5-c-button.pf-m-link {
    color: var(--soljem-orange) !important;
    font-family: var(--soljem-font) !important;
}

.pf-v5-c-button.pf-m-link:hover {
    color: var(--soljem-orange-dark) !important;
}

.pf-v5-c-button.pf-m-secondary {
    border-color: var(--soljem-blue) !important;
    color: var(--soljem-blue) !important;
    font-family: var(--soljem-font) !important;
    border-radius: 8px !important;
}

.pf-v5-c-button.pf-m-secondary:hover {
    background-color: var(--soljem-blue) !important;
    color: #ffffff !important;
}

/* ---------- Links ---------- */
a {
    color: var(--soljem-orange);
    transition: color 0.2s ease;
}

a:hover {
    color: var(--soljem-orange-dark);
}

/* ---------- Form Controls ---------- */
.pf-v5-c-form-control {
    font-family: var(--soljem-font) !important;
    border-radius: 6px !important;
}

.pf-v5-c-form-control:focus-within {
    border-color: var(--soljem-blue) !important;
    box-shadow: 0 0 0 2px rgba(0,48,130,0.1) !important;
}

.pf-v5-c-form__label-text {
    font-family: var(--soljem-font) !important;
    font-weight: 500 !important;
}

/* ---------- Tabs ---------- */
.pf-v5-c-tabs__link::after {
    background-color: var(--soljem-orange) !important;
}

.pf-v5-c-tabs__link:hover {
    color: var(--soljem-orange) !important;
}

/* ---------- Alerts ---------- */
.pf-v5-c-alert.pf-m-info {
    --pf-v5-c-alert--m-info--BackgroundColor: #eff6ff;
}

/* ---------- Switch / Toggle ---------- */
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
    background-color: var(--soljem-orange) !important;
}

/* ---------- Badges ---------- */
.pf-v5-c-badge.pf-m-read {
    background-color: var(--soljem-blue) !important;
    color: #ffffff !important;
}

/* ---------- Page Title ---------- */
.pf-v5-c-content h1,
.pf-v5-c-title {
    font-family: var(--soljem-font) !important;
    color: #1a1a2e !important;
}

/* ---------- Selection ---------- */
::selection {
    background: rgba(237, 110, 0, 0.15);
}

/* ---------- Focus visible ---------- */
*:focus-visible {
    outline-color: var(--soljem-blue) !important;
}