/* =================================================================== */
/*     Подключаем приятный современный шрифт с Google Fonts           */
/* =================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

/* =================================================================== */
/*     Общие стили для всего сайта                                     */
/* =================================================================== */
:root {
    /* Заменяем стандартный синий цвет Bootstrap на более глубокий и современный */
    --bs-primary: #2b6cb0;
    --bs-primary-rgb: 43, 108, 176;
}

body {
    /* Применяем наш новый шрифт ко всему сайту */
    font-family: 'Montserrat', sans-serif;
    background-color: #f8f9fa; /* Очень легкий серый фон для комфорта глаз */
}

/* =================================================================== */
/*     Стили для главной страницы (index.html)                       */
/* =================================================================== */

/* Делаем главный заголовок более выразительным */
.p-5.bg-light h1 {
    font-weight: 700; /* Более жирный шрифт */
}

/* Добавляем тень к слову "бесплатно" */
.p-5.bg-light h1 .text-primary {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

/* Красивая анимация для кнопок */
.btn-primary {
    transition: all 0.2s ease-in-out;
}

.btn-primary:hover {
    transform: translateY(-2px); /* Эффект "приподнимания" кнопки */
    box-shadow: 0 4px 12px rgba(var(--bs-primary-rgb), 0.3); /* Тень в цвет кнопки */
}

/* Стилизуем иконки в информационном блоке */
section.py-5 .bi {
    transition: transform 0.2s ease-in-out;
}
section.py-5 .col-md-4:hover .bi {
    transform: scale(1.1); /* Слегка увеличиваем иконку при наведении на блок */
}


/* =================================================================== */
/*     Стили для результатов поиска                                   */
/* =================================================================== */

.list-group-item-action {
    transition: all 0.2s ease-in-out;
    border-radius: 0.5rem; /* Скругляем углы */
    margin-bottom: 0.5rem;
    border: 1px solid #dee2e6;
}

/* Эффект при наведении на организацию в списке */
.list-group-item-action:hover {
    transform: scale(1.02);
    background-color: #ffffff;
    z-index: 10;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* =================================================================== */
/*     Стили для модальных окон                                        */
/* =================================================================== */
.modal-header {
    background-color: #f8f9fa;
}

.modal-content {
    border-radius: 0.75rem;
    border: none;
}

/* =================================================================== */
/*     Стили для подвала (footer)                                      */
/* =================================================================== */
footer {
    background-color: #212529 !important; /* Переопределяем цвет Bootstrap */
    color: #adb5bd;
}

footer a {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s;
}

footer a:hover {
    color: #ffc107; /* Желтый акцентный цвет при наведении */
    text-decoration: none;
}