/* static/css/custom.css */

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: 'Roboto', sans-serif; /* Как в старых стилях */
}

main {
    flex: 1; /* Чтобы footer прижимался к низу */
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.footer {
    background-color: #343a40; /* Темный фон для футера, как в примере */
    color: #f8f9fa; /* Светлый текст */
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.footer h5 {
    color: #ffffff; /* Белый для заголовков в футере */
    margin-bottom: 1rem;
}

.footer .list-unstyled a {
    color: #adb5bd; /* Приглушенный цвет ссылок */
    text-decoration: none;
}

.footer .list-unstyled a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.footer .text-center a {
    color: #ffc107; /* Яркий цвет для ссылки в копирайте */
}

/* Стили для сообщений Django, чтобы они выглядели как Bootstrap alerts */
/* Bootstrap 5 уже имеет классы для info, success, warning. 
   Django 'error' тэг нужно сопоставить с 'danger'.
   Django 'debug' тэг не имеет прямого аналога, можно использовать 'secondary' или свой стиль. */

.alert.alert-debug { /* Для Django тега 'debug' */
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
}

.alert.alert-error { /* Для Django тега 'error' */
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

/* Стили для хлебных крошек */
.breadcrumb {
    background-color: #f8f9fa; /* Светлый фон */
    padding: 0.75rem 1rem;
    border-radius: 0.25rem;
    margin-bottom: 1.5rem; /* Отступ снизу */
}
.breadcrumb-item a {
    text-decoration: none;
}
.breadcrumb-item.active {
    color: #6c757d; /* Стандартный цвет для активного элемента */
}

/* Логотип */
.navbar-brand .logo-spot {
    color: orangered;
}

/* Дополнительные отступы или специфичные стили для элементов можно добавлять сюда */