/*
 * Abacus SSO account theme
 * Migrated from the Keycloakify account theme (src/account/assets/style.css).
 * The source file was git-ignored in the Keycloakify project; this file was
 * reconstructed from the compiled bundle (KcPage-DvCzlS0h.css).
 */

/* Europa fonts from the shared common/abacus theme
   (/resources/<v>/account/abacus/css/ -> /resources/<v>/common/abacus/) */
@import url("../../../common/abacus/fonts/europa/main.css");

:root {
  --pf-v5-global--primary-color--100: #de323c;
  --pf-v5-global--primary-color--200: #C20936;
  --pf-v5-global--link--Color: #de323c;
  --pf-v5-global--link--Color--dark: #282828;
  --pf-v5-global--link--Color--light: #de323c;
  --pf-v5-global--link--Color--hover: #C20936;
  --pf-v5-global--active-color--400: #de323c;
  --pf-v5-global--BackgroundColor--dark-200: #dcdcdc;
  --pf-v5-global--BackgroundColor--dark-400: #dcdcdc;
  --pf-v5-global--disabled-color--300: #dcdcdc;
  --pf-v5-global--FontSize--md: 1.125rem;
  --pf-v5-global--FontSize--sm: 1rem;
  --pf-v5-global--FontWeight--bold: 400;
  --pf-v5-c-page__sidebar--BackgroundColor: #fff !important;
}

/* Typography */
body {
  font-family: "Europa", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  font-weight: 300;
}
strong {
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 400 !important;
}
:focus-visible {
  outline: 1px solid #282828;
}

/* Masthead */
.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #fff !important;
  border-bottom: 1px solid #dcdcdc;
}
.pf-v5-svg {
  fill: #282828;
}
.pf-v5-c-masthead .pf-v5-c-menu-toggle {
  color: #282828;
}
.pf-v5-c-masthead .pf-m-link {
  color: #282828 !important;
}
.pf-v5-c-menu-toggle:after,
.pf-v5-c-menu-toggle:before {
  content: none !important;
}

/* Sidebar / Navigation */
.pf-v5-c-page__sidebar-body {
  border-right: 1px solid #dcdcdc;
}
.pf-v5-c-nav__list {
  padding: 0 !important;
}
.pf-v5-c-nav__link {
  color: #282828 !important;
  font-weight: 300 !important;
  padding: 15px 20px !important;
}
.pf-v5-c-nav__link:hover {
  background-color: #dcdcdc !important;
}
.pf-v5-c-nav__link.pf-m-current {
  background-color: #f4f4f4 !important;
  font-weight: 400 !important;
}
.pf-v5-c-nav__subnav {
  padding-left: 0 !important;
}
.pf-v5-c-nav__subnav .pf-v5-c-nav__link {
  font-size: 1rem;
}

/* Content */
.pf-v5-c-page__main-section.pf-m-light {
  background-color: #f4f4f4;
}
.pf-v5-c-expandable-section {
  --pf-v5-c-expandable-section__toggle--Color: #282828 !important;
}

/* Forms */
div.pf-v5-c-form__group-label {
  padding-bottom: 4px;
}
span.pf-v5-c-form__label-text {
  font-weight: 300;
  font-size: 1.125rem;
}
.pf-v5-c-form__group {
  display: block !important;
}
:where(button, input, optgroup, select, textarea) {
  letter-spacing: .8px;
  padding: 12px 16px !important;
  border-radius: 4px !important;
}
.pf-v5-c-menu-toggle {
  --pf-v5-c-menu-toggle--BackgroundColor: #ffffff !important;
}
.pf-v5-c-form-control:after {
  content: none !important;
}

/* Buttons */
.pf-v5-c-page__main-section .pf-v5-c-button:not(.pf-m-link):not(.pf-m-plain),
.pf-v5-c-page__main-section .pf-v5-c-form__actions .pf-m-link,
#refresh-page {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 4px;
  padding: 12px 38px;
  min-width: 180px;
}
.pf-v5-c-page__main-section .pf-m-primary {
  background: radial-gradient(circle, #de323c 0%, #c20936 180%) !important;
}
.pf-v5-c-page__main-section .pf-v5-c-button.pf-m-secondary,
.pf-v5-c-page__main-section .pf-v5-c-form__actions .pf-m-link,
#refresh-page {
  background: transparent;
  border: 1px solid #282828;
  color: #282828;
}
.pf-v5-c-button:after {
  content: none !important;
}