/* =========================
   CZZ Customization
========================= */

:root {
    --pf-v5-global--primary-color--100: #0081a9;
    --pf-v5-global--primary-color--200: #0e6687;
    --pf-v5-global--primary-color--300: #0081a9;
    --pf-v5-global--primary-color--dark-100: #0e6687;
    --pf-v5-global--active-color--100: #17a2cc;
    --pf-v5-global--link--Color: #0081a9;
    --pf-v5-global--link--Color--dark: #0081a9;

    --pf-v5-global--BackgroundColor--dark-100: #007ba5;
    --pf-v5-global--BackgroundColor--dark-300: #0095c3;

    --pf-v5-global--BackgroundColor--dark-200: #28b3de;
    --pf-v5-global--BackgroundColor--dark-400: #15abd8;
    --pf-v5-global--BorderColor--200: #15abd8;

    --czz-border-radius: 0.4rem;
}

/* Buttons */

.pf-v5-c-button.pf-m-primary, .pf-v5-c-button.pf-m-secondary {
    padding: 0.65rem;
    border-radius: var(--czz-border-radius);
}

.pf-v5-c-masthead.pf-m-display-inline a.pf-v5-c-button.pf-m-link.pf-m-inline {
    color: var(--pf-v5-global--Color--200);
}

.pf-v5-c-masthead.pf-m-display-inline a.pf-v5-c-button.pf-m-link.pf-m-inline:hover {
    text-decoration: none;
    color: var(--pf-v5-global--Color--light-100);
}

/* Links */

a:hover {
    text-decoration: none;
}

/* Inputs */

input,
select,
textarea {
    border-radius: var(--czz-border-radius);
    border: 1px solid #dcdfe4;
    background: white;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    font-size: 1rem;
}

input:hover,
select:hover,
textarea:hover {
    border-color: #b8bec8;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: var(--pf-v5-global--active-color--100);
    box-shadow: 0 0 0 3px rgba(0, 87, 255, 0.15);
}

/* Branding */

.keycloak__pageheader_brand {
    filter: brightness(0) invert(1);
}

.pf-v5-c-brand.keycloak__dashboard_icon {
    width: 6.5rem;
    max-width: 6.5rem;
}