/* Application shell overrides for the Spruha template.
   The brand lives here rather than in style.css, so the vendor sheet stays replaceable. */

:root {
    --pr-rgb: 193, 44, 41;
    --primary-bg-color: #C12C29;
    --primary-bg-hover: #9E2320;
    --primary-bg-border: #C12C29;
    /* style.css repurposes these two as its primary colour. */
    --blue: #C12C29;
    --indigo: #C12C29;
}

.btn-primary {
    background-color: var(--primary-bg-color) !important;
    color: #fff !important;
}

.app-sidebar__toggle {
    color: var(--primary-bg-color) !important;
    cursor: pointer;
    display: block !important;
}

.app-sidebar__toggle i {
    color: var(--primary-bg-color) !important;
}

.main-content {
    margin-top: 80px !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    font-family: inherit !important;
    content: "/" !important;
}

/* Mobile-only brand mark in the header — the sidebar logo is off-canvas there. */
.header-brand-logo {
    height: 34px;
    width: auto;
}

/* The full sidebar shows the horizontal logo, the collapsed rail only the mark. */
.brand-full {
    max-height: 46px;
    max-width: 200px;
    width: auto;
}

.brand-mark {
    display: none;
    max-height: 40px;
    width: auto;
}

@media (min-width: 992px) {
    .sidenav-toggled:not(.sidenav-toggled-open) .brand-full {
        display: none;
    }

    .sidenav-toggled:not(.sidenav-toggled-open) .brand-mark {
        display: inline;
    }
}