:root {
    /* Fire Dept Red */
    --brand-red: #dc3545;
    /* Community Orange */
    --brand-orange: #fd7e14;
    /* Clean White */
    --brand-white: #ffffff;
    /* Muted Grey for Text */
    --brand-grey: #6c757d;
}

.content-wrapper {
    /* 100vh is the full screen height.
       Subtract the approximate height of your header and footer (e.g., 200px) */
    min-height: calc(100vh - 200px);
    padding-bottom: 3rem; /* Adds the mb-4 equivalent gap you wanted */
}

/* Force the navbar to stop 'reaching' past its parent */
.navbar {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Re-align the logo and links with the rest of your page content */
.navbar > .container,
.navbar > .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
}


.navbar {
    /* Removes any negative margin 'reach' */
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Card Category Links */
.text-orange { color: var(--brand-orange) !important; }
.border-orange { border-color: #fd7e14 !important; }

/* Sidebar Link Styling */
.tos-nav-link {
    color: var(--brand-grey);
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
    margin-left: -2px; /* Overlaps the nav border */
    padding-left: 1.5rem;
}

.tos-nav-link:hover, .tos-nav-link.active {
    color: var(--brand-red);
    border-left-color: var(--brand-red);
    background: transparent;
}

/* Category Label */
.tos-text-orange {
    color: var(--brand-orange);
    letter-spacing: 1px;
}

/* Content spacing */
.tos-content p {
    margin-bottom: 1.5rem;
}

.btn-orange {
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
    color: white;
}
.btn-orange:hover {
    background-color: #e36a00;
    color: white;
}


.footer-link:not(:last-child)::after {
    content: "\2022";
    margin: 0 10px;
    color: var(--brand-orange);
    font-weight: bold;
}

.footer-link {
    text-decoration: none;
    color: var(--brand-grey);
    font-size: 0.85rem;
}

.footer-link:hover {
    color: var(--brand-red);
}