/* FS4EU branding for the Keycloak v3 account console (PatternFly 5) */

@font-face {
    font-family: now;
    font-weight: 300 400;
    src: url('../fonts/now.regular.otf') format("opentype");
}

@font-face {
    font-family: now;
    font-weight: 500;
    src: url('../fonts/now.medium.otf') format("opentype");
}

@font-face {
    font-family: now;
    font-weight: 700;
    src: url('../fonts/now.bold.otf') format("opentype");
}

:root {
    --fs4eu-blue: #116AB2;
    --fs4eu-blue-dark: #0c4f86;
    --fs4eu-sand: #f8f4e8;
    --fs4eu-mist: #EDF0F8;
    --fs4eu-text: #1b1d21;
    --fs4eu-muted: #4d5258;

    --pf-v5-global--FontFamily--text: now, "Open Sans", Helvetica, Arial, sans-serif;
    --pf-v5-global--FontFamily--heading: now, "Open Sans", Helvetica, Arial, sans-serif;

    --pf-v5-global--primary-color--100: var(--fs4eu-blue);
    --pf-v5-global--primary-color--200: var(--fs4eu-blue-dark);
    --pf-v5-global--link--Color: var(--fs4eu-blue);
    --pf-v5-global--link--Color--hover: var(--fs4eu-blue-dark);
    --pf-v5-global--active-color--100: var(--fs4eu-blue);
}

body {
    background: var(--fs4eu-sand);
}

/* ---- Page background: plain sand, content in white cards ------------------------------------- */

.pf-v5-c-page {
    --pf-v5-c-page--BackgroundColor: var(--fs4eu-sand);
    background-color: var(--fs4eu-sand);
}

.pf-v5-c-page__main,
.pf-v5-c-page__main-section {
    --pf-v5-c-page__main-section--BackgroundColor: transparent;
    background-color: transparent;
}

/* page header (title + description) */
.pf-v5-c-page__main-section:first-child {
    padding-bottom: 0;
}

.pf-v5-c-page__main-section:first-child .pf-v5-c-title {
    color: var(--fs4eu-blue);
    font-weight: 500;
}

/* page body */
.pf-v5-c-page__main-section + .pf-v5-c-page__main-section {
    margin: 16px 24px 24px;
    padding: 24px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(17, 106, 178, 0.08);
}

/* nested sections (e.g. two-factor block on "Signing in") stay inside the parent card */
.pf-v5-c-page__main-section .pf-v5-c-page__main-section {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
}

/* lists / tables inside the card don't need their own background */
.pf-v5-c-page__main-section + .pf-v5-c-page__main-section .pf-v5-c-data-list,
.pf-v5-c-page__main-section + .pf-v5-c-page__main-section .pf-v5-c-table {
    --pf-v5-c-data-list--BackgroundColor: transparent;
    --pf-v5-c-table--BackgroundColor: transparent;
}

/* ---- Masthead: light, with readable user menu ------------------------------------------------- */

.pf-v5-c-masthead {
    --pf-v5-c-masthead--BackgroundColor: #fff;
    --pf-v5-c-masthead--item-border-color--base: var(--fs4eu-mist);
    --pf-v5-global--Color--100: var(--fs4eu-text);
    --pf-v5-global--Color--200: var(--fs4eu-muted);
    border-bottom: 3px solid var(--fs4eu-blue);
}

.pf-v5-c-masthead .pf-v5-c-brand {
    max-height: 44px;
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle {
    --pf-v5-c-menu-toggle--Color: var(--fs4eu-text);
    --pf-v5-c-menu-toggle--hover--Color: var(--fs4eu-blue);
    --pf-v5-c-menu-toggle--expanded--Color: var(--fs4eu-blue);
    --pf-v5-c-menu-toggle--BackgroundColor: transparent;
    --pf-v5-c-menu-toggle__toggle-icon--Color: var(--fs4eu-muted);
    --pf-v5-c-menu-toggle--before--BorderColor: transparent;
    --pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
    color: var(--fs4eu-text);
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle * {
    color: inherit;
}

.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain {
    --pf-v5-c-button--m-plain--Color: var(--fs4eu-muted);
    --pf-v5-c-button--m-plain--hover--Color: var(--fs4eu-blue);
}

/* "Back to FoodSafety4EU Platform" */
.pf-v5-c-masthead .pf-v5-c-button.pf-m-link {
    font-weight: 500;
}

/* ---- Sidebar navigation ----------------------------------------------------------------------- */

.pf-v5-c-page__sidebar {
    --pf-v5-c-page__sidebar--BackgroundColor: var(--fs4eu-mist);
    --pf-v5-c-page__sidebar--BoxShadow: none;
    border-right: 1px solid #dfe4f0;
}

.pf-v5-c-nav {
    --pf-v5-c-nav__link--Color: var(--fs4eu-muted);
    --pf-v5-c-nav__link--hover--Color: var(--fs4eu-blue);
    --pf-v5-c-nav__link--m-current--Color: var(--fs4eu-blue);
    --pf-v5-c-nav__link--BackgroundColor: transparent;
    --pf-v5-c-nav__link--hover--BackgroundColor: #fff;
    --pf-v5-c-nav__link--m-current--BackgroundColor: #fff;
    --pf-v5-c-nav__link--before--BorderColor: transparent;
    --pf-v5-c-nav__link--after--BorderColor: var(--fs4eu-blue);
    --pf-v5-c-nav__item--before--BorderColor: transparent;
    --pf-v5-c-nav__section--before--BorderColor: transparent;
    --pf-v5-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
}

.pf-v5-c-nav__item::before,
.pf-v5-c-nav__item::after,
.pf-v5-c-nav__link::before {
    border-color: transparent !important;
}

.pf-v5-c-nav__link {
    font-weight: 500;
}

.pf-v5-c-nav__link.pf-m-current {
    font-weight: 700;
}

/* ---- Forms & buttons -------------------------------------------------------------------------- */

.pf-v5-c-form__label-text {
    color: var(--fs4eu-text);
}

.pf-v5-c-form-control {
    --pf-v5-c-form-control--focus--after--BorderBottomColor: var(--fs4eu-blue);
}

.pf-v5-c-button.pf-m-primary {
    --pf-v5-c-button--m-primary--BackgroundColor: var(--fs4eu-blue);
    --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--fs4eu-blue-dark);
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0;
}

.pf-v5-c-button.pf-m-secondary {
    --pf-v5-c-button--m-secondary--Color: var(--fs4eu-blue);
    --pf-v5-c-button--m-secondary--after--BorderColor: var(--fs4eu-blue);
    border-radius: 0;
}

.pf-v5-c-button.pf-m-link {
    border-radius: 0;
}

/* "Jump to section" */
.pf-v5-c-jump-links {
    --pf-v5-c-jump-links__link--before--BorderColor: #dfe4f0;
    --pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--fs4eu-blue);
    --pf-v5-c-jump-links__item--m-current__link-text--Color: var(--fs4eu-blue);
}

/* group headers in personal info ("FoodSafety4EU profile", "Consents") */
.pf-v5-c-form__section-title,
.pf-v5-c-page__main-section + .pf-v5-c-page__main-section .pf-v5-c-title.pf-m-xl {
    color: var(--fs4eu-blue);
    font-weight: 500;
}

/* "Newsletter" page (resources/content/newsletter/index.js) */
.fs4eu-newsletter .pf-v5-c-title {
    margin-bottom: 8px;
}

.fs4eu-newsletter p {
    max-width: 720px;
    margin-bottom: 16px;
}

.fs4eu-newsletter__actions {
    margin-bottom: 32px;
}

/* consents given at registration are read only (resources/js/fs4eu-account.js) */
.fs4eu-read-only,
.fs4eu-read-only .pf-v5-c-check__label,
.fs4eu-read-only .pf-v5-c-check__input {
    cursor: default;
    pointer-events: none;
}

.fs4eu-read-only .pf-v5-c-check__label {
    color: var(--fs4eu-muted);
}