/* ── Stowline brand theme ─────────────────────────────────────────────
   One colour tone across the whole system, matching the SL logo:
   navy (primary) + container orange (accent). Loaded after Bootstrap so
   these overrides win everywhere without touching individual pages. */
:root {
    --sl-navy: #1e3a8a;
    --sl-navy-dark: #172f6f;
    --sl-deep: #0f1f3d;
    --sl-orange: #f97316;
    --sl-orange-dark: #ea6a0a;
    --bs-primary: var(--sl-navy);
    --bs-primary-rgb: 30, 58, 138;
    --bs-link-color: var(--sl-navy);
    --bs-link-hover-color: var(--sl-navy-dark);
}

/* Primary buttons: Bootstrap blue → Stowline navy */
.btn-primary {
    --bs-btn-bg: var(--sl-navy);
    --bs-btn-border-color: var(--sl-navy);
    --bs-btn-hover-bg: var(--sl-navy-dark);
    --bs-btn-hover-border-color: var(--sl-navy-dark);
    --bs-btn-active-bg: var(--sl-deep);
    --bs-btn-active-border-color: var(--sl-deep);
    --bs-btn-disabled-bg: #8ea0cf;
    --bs-btn-disabled-border-color: #8ea0cf;
}
.btn-outline-primary {
    --bs-btn-color: var(--sl-navy);
    --bs-btn-border-color: var(--sl-navy);
    --bs-btn-hover-bg: var(--sl-navy);
    --bs-btn-hover-border-color: var(--sl-navy);
    --bs-btn-active-bg: var(--sl-navy-dark);
    --bs-btn-active-border-color: var(--sl-navy-dark);
}

/* Info buttons become the orange brand accent (Long Schedule, Load from Schedule…) */
.btn-info {
    --bs-btn-bg: var(--sl-orange);
    --bs-btn-border-color: var(--sl-orange);
    --bs-btn-color: #fff;
    --bs-btn-hover-bg: var(--sl-orange-dark);
    --bs-btn-hover-border-color: var(--sl-orange-dark);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: var(--sl-orange-dark);
    --bs-btn-active-border-color: var(--sl-orange-dark);
    --bs-btn-active-color: #fff;
}

/* Utility colours */
.text-primary { color: var(--sl-navy) !important; }
.bg-primary { background-color: var(--sl-navy) !important; }
.border-primary { border-color: var(--sl-navy) !important; }

/* Links */
a { color: var(--sl-navy); }
a:hover { color: var(--sl-navy-dark); }

/* Form controls: focus ring + checked states in brand navy */
.form-control:focus, .form-select:focus {
    border-color: var(--sl-navy);
    box-shadow: 0 0 0 .25rem rgba(30, 58, 138, .18);
}
.form-check-input:checked {
    background-color: var(--sl-navy);
    border-color: var(--sl-navy);
}

/* Badges / pills that used Bootstrap primary */
.badge.bg-primary { background-color: var(--sl-navy) !important; }

/* Application-wide typeface: Poppins (self-hosted, wwwroot/fonts/poppins). */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Italic.ttf') format('truetype');
    font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800; font-style: normal; font-display: swap;
}
body, .tooltip, .popover {
    font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
}

/* Brand wordmark inherits the app font; orange LINE accent. */
.sl-wordmark { font-weight: 800; letter-spacing: .5px; }
.sl-wordmark .sl-accent { color: var(--sl-orange); }

/* Pagination + nav pills */
.page-link { color: var(--sl-navy); }
.active > .page-link, .page-link.active { background-color: var(--sl-navy); border-color: var(--sl-navy); }
.nav-pills .nav-link.active { background-color: var(--sl-navy); }