/* ── Brand colours ────────────────────────────────────────────────────────
   Override Bootstrap 5 CSS custom properties so every component that
   uses --bs-primary automatically picks up the brand orange.           */

:root {
    --bs-primary:           #ED5023;
    --bs-primary-rgb:       237, 80, 35;
    --bs-link-color:        #ED5023;
    --bs-link-color-rgb:    237, 80, 35;
    --bs-link-hover-color:  #c7421b;
}

/* ── btn-primary ──────────────────────────────────────────────────────── */
.btn-primary {
    --bs-btn-color:              #fff;
    --bs-btn-bg:                 #ED5023;
    --bs-btn-border-color:       #ED5023;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #c7421b;
    --bs-btn-hover-border-color: #c7421b;
    --bs-btn-focus-shadow-rgb:   237, 80, 35;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #b03a17;
    --bs-btn-active-border-color:#b03a17;
    --bs-btn-disabled-color:     #fff;
    --bs-btn-disabled-bg:        #ED5023;
    --bs-btn-disabled-border-color: #ED5023;
}

/* ── btn-outline-primary ──────────────────────────────────────────────── */
.btn-outline-primary {
    --bs-btn-color:              #ED5023;
    --bs-btn-border-color:       #ED5023;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #ED5023;
    --bs-btn-hover-border-color: #ED5023;
    --bs-btn-focus-shadow-rgb:   237, 80, 35;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #c7421b;
    --bs-btn-active-border-color:#c7421b;
    --bs-btn-disabled-color:     #ED5023;
    --bs-btn-disabled-bg:        transparent;
    --bs-btn-disabled-border-color: #ED5023;
}

/* ── nav-pills ────────────────────────────────────────────────────────── */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #ED5023;
    border-color:     #ED5023;
}

/* ── form focus rings ─────────────────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
    border-color: #ED5023;
    box-shadow: 0 0 0 .25rem rgba(237, 80, 35, .25);
}

/* ── checkboxes & radios ──────────────────────────────────────────────── */
.form-check-input:checked {
    background-color: #ED5023;
    border-color:     #ED5023;
}

.form-check-input:focus {
    border-color: #ED5023;
    box-shadow: 0 0 0 .25rem rgba(237, 80, 35, .25);
}

/* ── il-tabs navigation strip (shared across pages) ──────────────────── */
.il-tabs {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #f0efee;
    margin-bottom: 2rem;
}

.il-tab {
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: .6rem 1.4rem;
    font-size: .95rem;
    font-weight: 600;
    color: #ABA19A;
    cursor: pointer;
    transition: color .15s, border-color .15s;
    text-decoration: none;
    display: inline-block;
}

.il-tab:hover  { color: #ED5023; }
.il-tab.active { color: #ED5023; border-bottom-color: #ED5023; }

/* ── navbar links ─────────────────────────────────────────────────────── */
.navbar-nav .nav-link {
    font-weight: 700;
    letter-spacing: .03em;
}

/* ── page layout ──────────────────────────────────────────────────────── */
html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
    html { font-size: 16px; }
}

body {
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
}

.border-top    { border-top:    1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.box-shadow    { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

/* ── select2 brand overrides (replaces default #5897fb blue) ──────────── */

/* highlighted option in the open dropdown */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ED5023;
    color: #fff;
}

/* multi-select choice tags (the filled pills) */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ED5023;
    border-color:     #c7421b;
    color:            #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color:            rgba(255,255,255,.75);
    border-right-color: rgba(255,255,255,.3);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color:            #fff;
    background-color: transparent;
    border-right-color: rgba(255,255,255,.5);
}

/* focus ring on both single and multi select2 */
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #ED5023;
    box-shadow:   0 0 0 .25rem rgba(237, 80, 35, .25);
    outline: none;
}