/* Logo Styles */
.site-logo {
    height: 70px;
    width: auto;
    transition: transform 0.3s ease;
}

    .site-logo:hover {
        transform: scale(1.05);
    }

/* Адаптивность логотипа для мобильных устройств */
@media (max-width: 768px) {
    .site-logo {
        height: 50px;
    }
}

@media (max-width: 480px) {
    .site-logo {
        height: 40px;
    }
}

/* Header - Navbar */
.navbar {
    background: linear-gradient(135deg, #0d6efd 0%, #0056b3 100%) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.navbar-brand {
    font-size: 1.5rem;
    font-weight: 700;
    color: white !important;
}

    .navbar-brand span {
        color: white !important;
        margin-left: 0.5rem;
    }

/* Стили для ссылок в навбаре */
.navbar-nav .nav-link {
    color: white !important;
    font-weight: 500;
}

    .navbar-nav .nav-link:hover {
        color: #e7f3ff !important;
    }

/* Main content */
.main-content {
    flex: 1 0 auto; /* Растягиваем контент, прижимая footer к низу */
    padding: 0; /* Убираем padding, так как он есть в контейнерах страниц */
}

/* Footer */
footer {
    background-color: #343a40;
    color: white;
    padding: 2rem 0;
    margin-top: auto;
    text-align: center;
    flex-shrink: 0; /* Footer не сжимается */
}

    footer a {
        color: #0d6efd;
        text-decoration: none;
    }

        footer a:hover {
            text-decoration: underline;
        }

.footer-section {
    margin: 1rem 0;
}

    .footer-section h5 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }