/**
 * footer.css
 * ------------------------------------------------------------
 * Footer component styles.
 *
 * Contains:
 * - Footer layout and spacing
 * - Logo styling
 * - Section heading styles
 * - Navigation link styling
 * - Footer separator styling
 * - Responsive footer adjustments
 *
 * This file is responsible for the appearance and responsiveness
 * of the application's footer section.
 * ------------------------------------------------------------
 */

/* Main footer container styling */
.footer-section {
    font-size: 0.95rem;
}

/* Footer brand/logo image */
.footer-logo {
    height: 36px;
}

/* Footer section headings */
.footer-title {
    font-weight: 600;
    margin-bottom: 10px;
}

/* Footer navigation list */
.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Spacing between footer navigation items */
.footer-links li {
    margin-bottom: 6px;
}

/* Footer navigation links */
.footer-links a {
    text-decoration: none;
    color: var(--bs-gray-700);
}

/* Footer link hover state */
.footer-links a:hover {
    color: var(--bs-primary);
}

/* Separator used between inline footer items */
.footer-separator {
    margin: 0 3px;
}

/* Responsive footer spacing for tablets and mobile devices */
@media (max-width: 768px) {
    .footer-section .row > div {
        margin-bottom: 20px;
    }
}