/* Selleys brand blue, carried over from the legacy app's Site.css where it was
   applied via .navbar-inverse. Bootstrap 5 has no equivalent of that class, so the
   colour is defined here and applied with .bg-selleys in _Layout.cshtml. */
:root {
    --selleys-blue: #224197;
    --selleys-blue-dark: #1a3276;
}

body {
    font-size: 0.95rem;
}

.bg-selleys {
    background-color: var(--selleys-blue) !important;
}

/* Bootstrap's compiled component colours cannot be redirected through a CSS
   variable, so the brand blue is applied explicitly to the pieces that used it in
   the legacy UI. */
.btn-primary {
    --bs-btn-bg: var(--selleys-blue);
    --bs-btn-border-color: var(--selleys-blue);
    --bs-btn-hover-bg: var(--selleys-blue-dark);
    --bs-btn-hover-border-color: var(--selleys-blue-dark);
    --bs-btn-active-bg: var(--selleys-blue-dark);
    --bs-btn-active-border-color: var(--selleys-blue-dark);
    --bs-btn-disabled-bg: var(--selleys-blue);
    --bs-btn-disabled-border-color: var(--selleys-blue);
}

.pagination {
    --bs-pagination-color: var(--selleys-blue);
    --bs-pagination-hover-color: var(--selleys-blue-dark);
    --bs-pagination-active-bg: var(--selleys-blue);
    --bs-pagination-active-border-color: var(--selleys-blue);
    --bs-pagination-focus-color: var(--selleys-blue-dark);
}

a {
    color: var(--selleys-blue);
}

.table > thead th {
    vertical-align: middle;
}

/* SortableJS drag feedback on the image list. */
.sortable-ghost {
    opacity: 0.4;
    background-color: #cfe2ff;
}