.site-wide-container {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-bottom: 20px;
}


/* Allow event blocks to display multi-line content neatly */
.fc-v-event .fc-event-main {
    padding: 2px 4px !important;
    white-space: normal !important;
    overflow: hidden;
}

/* Ensure custom content takes full container width */
.fc-custom-event-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Admin / SIG Rep menu bar */
.admin-nav .nav-link,
.admin-nav .navbar-brand {
    font-size: 0.9rem;
}

.admin-nav .dropdown-item.active,
.admin-nav .dropdown-item:active {
    background-color: #212529;
}

/* Sticky column headers on long admin lists - add "sticky-table" to the
   table's .table-responsive wrapper. Desktop only: there the wrapper stops
   being a sideways-scroll box (which would otherwise trap the sticky header
   inside it), so the header sticks to the top of the browser window as the
   page scrolls. On phones/tablets the table still scrolls sideways as normal
   and the header just doesn't stick. */
@media (min-width: 992px) {
    .table-responsive.sticky-table {
        overflow-x: visible;
    }

    .sticky-table > .table > thead th {
        position: sticky;
        top: 0;
        z-index: 2;
        box-shadow: inset 0 -1px 0 var(--bs-border-color, #dee2e6); /* keeps the bottom line while scrolled */
    }
}

/* Admin dashboard tiles */
.dash-tile {
    transition: transform .1s ease, box-shadow .1s ease;
}

.dash-tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.12) !important;
}

/* Print support: hide site chrome and interactive controls, show only
   the actual programme/event content, when printing via the browser's
   own Print (Ctrl+P) / "Save as PDF". */

@media print {
    .no-print {
        display: none !important;
    }

    body {
        background: #fff !important;
    }

    .site-wide-container {
        max-width: 100% !important;
        padding: 0 !important;
    }

    body, .table {
        font-family: Arial, Helvetica, sans-serif !important;
    }

    .table {
        font-size: 0.9rem;
    }

    a[href]:after {
        content: none !important;
    }

    .event-card-image,
    .card-img-top,
    img[src*="Image.ashx"]:not(#imgCompYearLogo) {
        display: none !important;
    }
}