@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&display=swap");

/* Общие стили */
body {
    font-family: "Open Sans", sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Минимальная высота body - весь viewport */
}

a:hover {
    background-color: transparent !important;
}

p {
    text-align: justify;
    hyphens: auto;
}

.input:focus {
    outline: none; /* Убирает стандартную обводку */
    box-shadow: none; /* Убирает тень, которая может быть частью обводки */
    border-color: initial; /* Возвращает цвет рамки к исходному, если он менялся */
}

/* Стили для кнопок */
.button-color-main {
    border: none !important;
    background-color: #3399cc !important;
    color: #fff !important;
    box-shadow: none !important;
}

.button-main-big {
    min-width: 250px;
    height: 60px;
}

.button-color-main:hover,
.button-color-main:focus {
    background-color: #287ba7 !important;
    border-color: #287ba7 !important;
    color: #fff !important;
}

/* Стили для фоновых цветов */
.background-color-hero {
    background-color: #f9fafb;
}

.background-color-road {
    background-color: #f1f3f4;
}

/* Стили для макета */
/* .main-content-area {
    padding-top: 0;
} */

.navbar-burger {
    border: 1px solid #dbdbdb;
    border-radius: 2px;
}

#new_password1,
#old_password {
    max-width: 100%; /* По умолчанию для мобильных устройств */
}

/* Медиазапросы */
@media screen and (min-width: 769px) {
    /* Применяем только для десктопов */
    #profile_new_password1,
    #profile_old_password {
        max-width: 50%;
    }

    .image-text-wrapper {
        flex-direction: column; /* Элементы выстраиваются в столбец на мобильных */
        text-align: center; /* Центрируем текст на мобильных */
    }
}

@media screen and (max-width: 1023px) {
    /* Применяется к мобильным и планшетным устройствам */

    .main-content-area-footer-bottom {
        padding-bottom: 0;
    }

    .main-content-area-footer-top {
        padding-top: 0;
    }
}