/*
 * Falck customer profile.
 * Grid, forms and other work surfaces inherit the standard Enterprise theme.
 */

@font-face {
    font-family: "Falck";
    src: url("fonts/Falck-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Falck";
    src: url("fonts/Falck-LightItalic.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Falck";
    src: url("fonts/Falck-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Falck";
    src: url("fonts/Falck-Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Falck";
    src: url("fonts/Falck-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Falck";
    src: url("fonts/Falck-MediumItalic.woff2") format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Falck";
    src: url("fonts/Falck-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Falck";
    src: url("fonts/Falck-BoldItalic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Falck";
    src: url("fonts/Falck-Heavy.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Falck";
    src: url("fonts/Falck-HeavyItalic.woff2") format("woff2");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

.portal-theme-enterprise {
    --falck-red: #ff1e2d;
    --falck-red-hover: #cc1824;
    --falck-red-active: #99121b;
    --falck-burgundy: #66182a;
    --falck-text: #4d4d4d;
    --falck-navy: #121a44;

    /* Brand identity: navigation, headings and primary calls to action. */
    --portal-navy-950: var(--falck-burgundy);
    --portal-navy-900: var(--falck-burgundy);
    --portal-navy-800: var(--falck-burgundy);
    --bs-body-font-family: "Falck", Helvetica, Arial, sans-serif;
    --portal-heading-color: var(--falck-burgundy);
    --portal-heading-font-family: "Falck", Helvetica, Arial, sans-serif;

    /* Official darker Falck reds retain AA contrast against white button text. */
    --portal-primary-button-bg: var(--falck-red-hover);
    --portal-primary-button-border: var(--falck-red-hover);
    --portal-primary-button-hover-bg: var(--falck-red-active);
    --portal-primary-button-hover-border: var(--falck-red-active);

    /* Falck identity on public/landing pages. */
    --portal-public-gradient-start: rgba(102, 24, 42, 0.98);
    --portal-public-gradient-middle: rgba(102, 24, 42, 0.94);
    --portal-public-gradient-end: rgba(255, 30, 45, 0.76);
    --portal-public-pattern: rgba(255, 30, 45, 0.12);
    --portal-public-decoration-border: rgba(255, 30, 45, 0.28);
}

/* Brand colours are scoped to the navigation so work surfaces keep the
   standard Enterprise semantic colours. */
.portal-theme-enterprise .portal-navbar {
    --portal-accent: var(--falck-red);
    --portal-header-context-text: #fff;
    --portal-header-item-text: #fff;
    --portal-header-active-indicator: var(--falck-red);
    --portal-light-header-context-border: rgba(102, 24, 42, 0.25);
    --portal-light-header-item-text: var(--falck-burgundy);
    --portal-light-header-hover-bg: rgba(102, 24, 42, 0.06);
    --portal-light-header-separator: rgba(102, 24, 42, 0.25);
    --portal-strong-accent-text: var(--falck-red);
    --portal-accent-text-strong: var(--falck-burgundy);
    --portal-accent-soft: rgba(102, 24, 42, 0.08);
}

/* Keep only the established Falck accent on DevExpress form section headers. */
.portal-theme-enterprise .dxbs-fl .dxbs-fl-gd > .card > .card-header {
    box-shadow: inset 3px 0 0 var(--falck-red);
}

/* The public hero uses the Falck accent without changing application grids,
   forms, toolbars or TagBox selections. */
.portal-theme-enterprise .jumbotron {
    --portal-accent: var(--falck-red);
}

.portal-theme-enterprise h1,
.portal-theme-enterprise h2,
.portal-theme-enterprise h3,
.portal-theme-enterprise h4,
.portal-theme-enterprise h5,
.portal-theme-enterprise h6 {
    font-weight: 900;
}

.portal-theme-enterprise.portal-header-light .portal-navbar .top-menu > .navbar-nav > .navbarMenuItem > a.active::after {
    background: var(--falck-red);
}

html[data-portal-color-mode="dark"] .portal-theme-enterprise {
    --portal-heading-color: var(--portal-ink);
    --portal-primary-button-bg: var(--falck-red-hover);
    --portal-primary-button-border: var(--falck-red-hover);
    --portal-primary-button-hover-bg: var(--falck-red-active);
    --portal-primary-button-hover-border: var(--falck-red-active);
}