/*

Sizing for the navbar controls and the sidebar that the main app and the calendar in the
boka module both render.

These rules used to live in Mdb6Layout.css, but that file also carries app only layout -
the login form, the dashboard, the glaskedjan form overrides - which the calendar has no
business loading. Split out so both pages can pull in the shared component sizing on its
own and the two headers stay pixel identical.

*/
#main-sidenav{
    min-width: 280px;
}
#main-navbar ul li a,
#sidenav,
#RefreshButton{
    font-size: 0.9rem !important;
}

/*

The calendar loads Bootstrap 4.5 after MDB, so Bootstrap's .badge and .bg-* utilities win
there: badges come out at 75% of the parent font with Bootstrap 4 padding and Bootstrap 4
greens, while the app gets MDB's. The rest of the calendar has been built on Bootstrap 4
winning, so rather than reorder the two sheets this restores MDB's values for the badges
these two shared components use, and nothing else.

Written through MDB's own custom properties so an MDB upgrade carries them along. On the
main app every one of these declarations simply restates what MDB already computes.

*/
#main-navbar .badge-notification{
    font-size: var(--mdb-badge-font-size, 0.6rem);
    padding: var(--mdb-badge-padding-y, 0.2em) var(--mdb-badge-padding-x, 0.45em);
}
#main-sidenav .badge{
    font-size: var(--mdb-badge-font-size, 0.75em);
    padding: var(--mdb-badge-padding-y, 0.35em) var(--mdb-badge-padding-x, 0.65em);
}
#main-navbar .badge.bg-success,
#main-sidenav .badge.bg-success{
    background-color: rgba(var(--mdb-success-rgb, 20, 164, 77), 1) !important;
}
#main-navbar .badge.bg-primary,
#main-sidenav .badge.bg-primary{
    background-color: rgba(var(--mdb-primary-rgb, 59, 113, 202), 1) !important;
}
#main-navbar .badge.bg-danger,
#main-sidenav .badge.bg-danger{
    background-color: rgba(var(--mdb-danger-rgb, 220, 76, 100), 1) !important;
}

/*

MDB 3.9.0, which the statistic page still runs, hardcodes .text-secondary to #b23cfd - a
purple. MDB 6 and 9 both resolve it to the neutral grey #9fa6b2, so the app and the
calendar were already fine and only the statistic page went purple. Pinned here through
MDB's own custom property, with the grey as the fallback for the kit that predates it.

*/
#main-navbar .text-secondary{
    color: rgba(var(--mdb-secondary-rgb, 159, 166, 178), 1) !important;
}