/* Bootstrap overrides */
.accordion-button {padding: .75em;}
.alert {border-radius: 0;}
.badge {border-radius: 0;}
.bi {margin-right: .75em;}
.bg-dark {border-radius: 0;}
.btn {border-radius: 0;}
.btn-warning {color: white;}
.card {border-radius: 0; padding: 0;}
.card-header {font-weight: 800;}
.card-title {margin-bottom: 0;}
.dropdown-menu {border-radius: 0;}
.form-control {border-radius: 0;}
.form-select {border-radius: 0;}
.modal-content {border-radius: 0;}
.modal-footer {border-top: 0; padding-top: .5em; padding-bottom: .5em;}
.modal-header {border-bottom: 0; padding-top: .5em; padding-bottom: .5em;}
.navbar {padding: 0;}
.navbar .badge {position: absolute; top: 25%;}
.navbar-nav .nav-item .active {border-bottom: 3px solid white;}
.popover {border-radius: 0;}
.row .col-form-label {text-align: right;}

/* Autocompletion */
.autocomplete-suggestion {padding: .5em;}
.autocomplete-suggestions {background-color: white; border: 1px solid gainsboro; color: black;}

/* FullCalendar overrides */
.fc-button {border-radius: 0;}
.fc-col-header-cell-cushion {color: var(--body); text-decoration: none;}
.fc-daygrid-day-number {color: var(--body); text-decoration: none;}
.fc-event {border-radius: 0;}
.fc-event-main {overflow: hidden; padding-left: .25em; padding-right: .25em;}

/* Custom styling */
@font-face {
    font-family: "Copperplate Bold";
    src: url("fonts/COPRGTB.TTF") format("truetype");
}

.f-copperplate {font-family: "Copperplate Bold"; letter-spacing: 0.1em;}

/* Main menu */
html, body {overflow-x: hidden;} /* prevent scrolling on narrow devices */

@media (max-width: 991.98px) {
    .offcanvas-collapse {
        background-color: #343a40;
        bottom: 0;
        left: 100%;
        overflow-y: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        position: fixed;
        top: 40px;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        visibility: hidden;
        width: 100%;
    }

    .offcanvas-collapse.open {transform: translateX(-100%); visibility: visible;}
}

.nav-scroller {overflow-y: hidden; position: relative; z-index: 2;}

.nav-scroller .nav {display: flex; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}

.nav-scroller .nav-link {color: #6c757d;} /* Bootstrap secondary */
.nav-scroller .active {border-bottom: 3px solid #0d6efd; color: #0d6efd;} /* Bootstrap primary */

/* Module-specific styling */
.worklog-report-container td {font-size: .8em;}