/* Cyberwings v3.5 Account Theme (Keycloak 25.0.5)
   Inherits from keycloak.v3 (new account console). This file overrides colors and injects branding.
   Colors:
     Primary: #b3a55b
     Background: #252728
     Text: #ffffff
*/

:root {
  --cw-primary: #b3a55b;
  --cw-primary-hover: #cfc26a;
  --cw-bg: #252728;
  --cw-surface: #2e3031;
  --cw-surface-2: #343637;
  --cw-border: #3a3c3d;
  --cw-text: #ffffff;
  --cw-text-muted: #c8c9ca;

  /* PatternFly global overrides */
  --pf-global--primary-color--100: var(--cw-primary);
  --pf-global--primary-color--200: #a3954f;
  --pf-global--link--Color: var(--cw-primary);
  --pf-global--link--Color--hover: var(--cw-primary-hover);
  --pf-global--BackgroundColor--100: var(--cw-bg);
  --pf-global--Color--100: var(--cw-text);
}

html, body, .pf-v5-c-page__main-section{ background: var(--cw-bg); color: var(--cw-text); }

/* App shell surfaces */
/* App shell surfaces */
.pf-c-page, .pf-c-page__main, .pf-c-page__main-section { background-color: var(--cw-bg); color: var(--cw-text); }
.pf-c-card { background-color: var(--cw-surface); border-color: var(--cw-border); color: var(--cw-text); }

/* Buttons */
.pf-v5-c-button.pf-m-primary{ background-color: var(--cw-primary); border-color: var(--cw-primary); color: var(--cw-text); }
.pf-v5-c-button.pf-m-primary:hover { background-color: var(--cw-primary-hover); border-color: var(--cw-primary-hover); }
.pf-v5-c-button.pf-m-link { color: var(--cw-primary); }
.pf-v5-c-button.pf-m-secondary,.pf-v5-c-button.pf-m-secondary:after{ background-color: transparent; border-color: var(--cw-primary); color: var(--cw-primary); }

/* Inputs */
.pf-c-form-control, input, select, textarea, .pf-v5-c-menu-toggle, .pf-v5-c-form-control,
.pf-v5-c-form-control > :is(input, select) {
    /*background-color: var(--cw-surface-2);*/
    border-color: var(--cw-border);
}
.pf-c-form-control::placeholder, .pf-v5-c-menu-toggle__text { color: var(--cw-text-muted); }



/* Header / Brand */
/* Replace built-in brand image with our logo if an <img> is present */
.pf-v5-c-masthead, .pf-v5-c-toolbar { background-color: var(--cw-surface-2) }
/* Fallback: add background logo to masthead when no <img> is present */
.pf-c-masthead__brand { background: url('../public/cw_logo_or.png') no-repeat left center / 160px auto; min-height: 44px; padding-left: 180px; }

/* Navigation/sidebar */
.pf-v5-c-page__sidebar, .pf-c-nav, .pf-c-nav__list, .pf-c-nav__item { background-color: var(--cw-surface-2); }
.pf-c-nav__link { color: var(--cw-text); }
.pf-c-nav__link.pf-m-current, .pf-c-nav__item.pf-m-current > a { color: #111; background-color: var(--cw-primary); }
.pf-v5-c-nav__link.pf-m-current::after, .pf-v5-c-nav__link.pf-m-current:hover::after,
.pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link::after {
    border-color: var(--cw-primary);
}

/* Alerts */
.pf-c-alert { background-color: #3b2f10; border-color: #65561c; }
.pf-c-alert__title, .pf-c-alert__description { color: var(--cw-text); }

/* Tables */
.pf-c-table { --pf-c-table--BackgroundColor: var(--cw-surface); color: var(--cw-text); }
.pf-c-table tr { background-color: var(--cw-surface); }
.pf-c-table tr:hover { background-color: var(--cw-surface-2); }

/* Badges and labels */
.pf-c-label { background-color: var(--cw-surface-2); color: var(--cw-text); border-color: var(--cw-border); }
.pf-c-badge.pf-m-read, .pf-c-badge.pf-m-unread { background-color: var(--cw-primary); color: #111; }

/* Title and texts */
.pf-v5-c-title { color: var(--cw-primary); }
p, .pf-v5-c-jump-links__link-text { color: var(--cw-text); }
.pf-v5-c-jump-links__link::before { border-color: var(--cw-primary); }

/* Lists */
.pf-v5-c-data-list {
    --pf-v5-c-data-list--BorderTopColor: var(--cw-primary);
}
.pf-v5-c-data-list > .pf-v5-c-data-list__item {
    background-color: var(--cw-surface-2);
    color: var(--cw-text);
}