/* Custom overrides for Bootstrap - applied after Bootstrap CSS via WebJars */

html, body {
    height: 100%;
    font-family: 'Conv_Dunant-Medium', sans-serif;
}

p {
    font-family: 'Conv_Dunant-Light', sans-serif;
}

/* Primary color override */
.btn-primary {
    background-color: #b70e0c;
    border-color: #b70e0c;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #9a0c0a;
    border-color: #9a0c0a;
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(183, 14, 12, 0.5);
}
.btn-outline-primary {
    color: #b70e0c;
    border-color: #b70e0c;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: #b70e0c;
    border-color: #b70e0c;
    color: #fff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(183, 14, 12, 0.5);
}
.btn-success {
    background-color: #1e7e34;
    border-color: #1e7e34;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
    background-color: #186429;
    border-color: #186429;
}

a {
    color: #b70e0c;
}
a:hover {
    color: #9a0c0a;
}

/* Layout helpers */
.logo {
    max-width: 350px;
    margin: 0 auto;
}

.centered-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.bottom-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* JWT collapsible card chevron */
.collapse-chevron {
    transition: transform 0.2s;
}
[data-toggle="collapse"].collapsed .collapse-chevron {
    transform: rotate(-90deg);
}

/* JWT payload popover */
.jwt-payload-popover {
    max-width: none;
}

/* Responsive container */
@media (min-width: 901px) {
    .container {
        height: 80dvh;
    }
}