/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Настройка футера'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'sms'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: ""; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Настройка футера (подвал)'; */

/* Три колонки в ряд */
.my-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin: 20px 0;
}

.my-footer > div {
    flex: 1;
    min-width: 150px;
}

/* На мобильных — в столбик */
@media (max-width: 768px) {
    .my-footer {
        flex-direction: column;
        gap: 15px;
        margin: 10px 0;
    }
    .my-footer .column-1,
    .my-footer .column-2,
    .my-footer .column-3 {
        text-align: center !important;
        font-size: 14px; /* чуть мельче */
        word-break: break-word; /* перенос длинных слов */
    }
    .my-footer > div {
        min-width: auto; /* убираем ограничение по ширине */
    }
}

/* Выравнивание текста внутри колонок left center right */
.my-footer .column-1 { text-align: left; }
.my-footer .column-2 { text-align: center; }
.my-footer .column-3 { text-align: right; }

/* Общие стили для ссылок в колонках 1 2 3 */
.my-footer .column-1 a,
.my-footer .column-2 a,
.my-footer .column-3 a {
    cursor: pointer;
    color: #7C916D;
    text-decoration: none;  /* или underline, как вам нужно */
}

.my-footer .column-1 a:hover,
.my-footer .column-2 a:hover,
.my-footer .column-3 a:hover {
    color: #647557;
    text-decoration: underline; /* или none — по желанию */
}



/* Вертикальные разделители между колонками (кроме последней) */
.my-footer .column-1,
.my-footer .column-2 {
    border-right: 1px solid rgba(0, 0, 0, 0.1); /* светло-серая черта */
    padding-right: 20px; /* отступ от черты до текста */
}

/* На мобильных убираем разделители и отступы */
@media (max-width: 768px) {
    .my-footer .column-1,
    .my-footer .column-2 {
        border-right: none;
        padding-right: 0;
    }
}