/*** footer_styles.css ***/
footer {
    padding-bottom: 25px; /*отступ снизу*/
}

/*6_1_1_Иконки*/
.f6_1_1_icons {
    width: 30px; /*ширина иконки*/
    /*border: solid yellow 1px;/*границы иконки: временно !!!*/
    /*margin-bottom: -8px; /*отступ сниз: для выравнивания с текстом*/
    vertical-align: middle; /*выравнивание по вертикали*/
}

.f6_1_2_items a {
    text-decoration: none; /*убиоает подчеркивание ссылок*/
    color: black; /*цвет шрифта ссылок*/
    /*border: solid green 1px;/*границы ссылок: временно !!!*/
    display: inline-block; /*отображение строчно-блочное*/
    vertical-align: middle; /*выравнивание по вертикали: на уровне с иконками*/
    }
    
/*6.0_Контейнер для элементов адреса*/
.f6_0_contacts_container {
    display: grid; /*grid - контейнер*/
    grid-template-columns: repeat(3, 1fr);
    justify-items: stretch; /*Элементы растягиваются по размеру строки ячейки контейнера*/
    align-items: center; /*выравнивание grid-элементов по центру*/
    justify-content: center; /*располагает по центру grid-элементы*/
    text-align: center; /*выравнивание содержимого grid-элементов по центру*/
    align-items: flex-start; /*выравнивание содержимого grid-элементов по верхнему краю*/
    }

/*6.1.2_Элементы адреса*/
.f6_1_2_items {
    /*border: solid red 1px; /*границы: временно*/
    text-align: center; /*выравнивание текста по центру*/
}

/*6_1_2_4_Карта Google*/
iframe {
    min-height: 350px;/*высота блока*/
    width: 80%; /*ширина*/
    border-radius: 10px;/*округление краев*/
    margin-right: 10%; /*отступ справа*/
    margin-left: 3%; /*отступ слева*/
}

/*6.1_Заголовок для Карты*/
.f6_1_h3_map {
    text-align: center; /*выравнивание по центру*/
}

/*6.2_Социальные сети: контейнер*/
.f6_2_socials_container {
    display: flex; /*felx - позиционирование*/
    justify-content: flex-end; /*выравнивание по правому краю для элементов внутри контейнера*/
    align-items: center; /*выравнивание по центру по вертикали для элементов внтури контейнера*/
    color: rgb(13, 82, 105);
    margin-right: 10%; /*отступ слева*/
}

/*6.2_Социальные сети: элементы блоки*/
.f6_2_socials_items {
    margin-left: 10px; /*отступ слева*/
    margin-right: 10px; /*отступ справа*/
}

/*6.2_Социальные сети: элементы иконки*/
.f6_2_socials_items_icons {
    width: 30px; /*ширина*/
}

/*6.2_Социальные сети: copyright*/
.f6_2_socials_items_copy {
    padding: 0; /*убирает границы по умолчанию*/
    margin: 0; /*убирает границы по умолчанию*/
}

/*6.2_Политика конфиденциальности: ссылка в футере*/
.f6_2_policy_link{
    text-decoration: underline;
    color: rgb(13, 82, 105);     /* как у блока .f6_2_socials_container */
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;         /* чтобы не переносилось по словам */
}

.f6_2_policy_link:hover{
    opacity: 0.85;
}

/* Внтутренний сайт */
.in_01_cash {
    background: #c0bfbf;
}

.f6_0_contacts_container_req_items p {
    margin: 5px 5px 5px 5px;
}

.f6_1_contacts  p {
    margin: 5px 5px 5px 5px;
}

/* 3 columns layout (uses your existing grid container, but makes content grouped) */
.f6_col {
    padding: 3px;
}
.f6_contacts_3cols .f6_1_2_items{
    text-align: left;
}

.f6_contacts_3cols .f6_1_contacts{
    margin: 4px 0;
}

.f6_address_text{
    vertical-align: middle;
    display: inline-block;
    margin-left: 6px;
}

.f6_0_contacts_container_req_items p {
    margin: 5px 0;
}

/* ✅ Address row: icon + text in one line */
.f6_col_address .f6_1_address {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* keep icon size, do not shrink */
.f6_col_address .f6_1_address .f6_1_1_icons {
    flex: 0 0 auto;
}

/* text stays inline with icon */
.f6_col_address .f6_address_text {
    display: inline;          /* was inline-block */
    margin-left: 0;           /* gap handles spacing */
    line-height: 1.35;
}

/* ✅ mobile: stack columns */
@media (max-width: 595px){
    .f6_contacts_3cols{
        grid-template-columns: 1fr;
    }
}

/* Адрес и Карты ******************************************************************************/
/* 6.1 Addresses Container */
.f6_1_map_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columns in wide screens */
    justify-items: stretch; /* Stretch items to fill the grid cell */
    align-items: start; /* Align grid items to the top */
    gap: 20px; /* Adjust as needed for spacing between grid items */
    padding: 20px; /* Optional: padding around the grid container */
}

/* Responsive Adjustment */
@media (max-width: 768px) { /* Adjust the breakpoint as needed */
    .f6_1_map_container {
        grid-template-columns: 1fr; /* 1 column in narrow screens */
    }
}

/* Shared styles for both the map and the image */
.f6_1_map iframe,
.f6_1_map img {
    width: 100%; /* Make width fill the grid cell */
    height: auto; /* Adjust height automatically to maintain aspect ratio */
    border-radius: 10px; /* Rounded corners */
}

/* Specific styles for the map iframe */
.f6_1_map iframe {
    border: none; /* Removes the default iframe border */
    height: 250px; /* Set a fixed height; adjust as needed */
}

/* Specific styles for the image */
.f6_1_map img {
    object-fit: cover; /* Ensures the image covers the area without stretching */
}

/* Heading Style */
.f6_1_h3_map {
    text-align: center;
}
/* Адрес и Карты: конец ******************************************************************************/

/* 7_Прокруртка вверх */
#scrollToTopBtn {
    position: fixed;
    bottom: 78px;
    right: 20px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #46a8a4;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 26px;
    font-size: 18px;
    display: none; /* Hidden by default */
    width: 52px;
    height: 52px;
}

#scrollToTopBtn:hover {
    background-color: #2c6866;
}
/* 7_Прокруртка вверх */
/*** Конец для основного расширения (1280) =============================*/

/*** Адаптация *******************************************************/
/*** 862 рх **********************************************************/
@media (max-width: 862px) { /*при ширине меньше блоки меню искажаются*/
    .f6_0_contacts_container {
        margin: 0px 0px 0px 0px;
    }
}

/*** 595 рх ************************************************************/
@media (max-width: 595px) { /*при ширине меньше блоки меню искажаются*/
 
    /*** 6_Подвал **************************************/
    /*6_1_2_4_Карта Google*/
    iframe {
        height: 100px; /*высота*/
     }

     .f6_0_contacts_container {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /*перенос элемента на новую строку, если не хватает ширины, чтобы его вместить без перекрытия.*/
    }

    /*6.1.2_Элементы Контакты*/
    .f6_1_2_items {
        text-align: left; /*выравнивание по левому краю*/
        font-size: 13px; /*шрифт ссылок на контакты*/
    }

    /*6.2_Социальные сети: контейнер*/
    .f6_2_socials_container {
        display: flex; /*flex - позиционирование*/
        justify-content: center; /**/
        flex: content; /*отображение в flex-контейнере*/
        flex-wrap: wrap; /*перенос элементов контейнера на новую строку*/
        margin-right: 0px; /*отмена отступа справа*/
    }

    /*6.2_Социальные сети: Copyrights*/
    .f6_2_socials_items_copy {
        font-size: 14px; /*размер шрифта*/
    }

    /*6.2_Социальные сети: элементы блоки*/
    .f6_2_socials_items {
        margin-left: 5px; /*отступ слева*/
        margin-right: 5px; /*отступ справа*/
    }

    /* mobile: ссылка политики на отдельную строку и по центру */
    .f6_2_policy_link{
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 6px;
        white-space: normal; /* на мобилке можно переносить, если совсем узко */
    }


    /************************************************* 6_Подвал **************************************/
    /*6_1_2_4_Карта Google*/
    iframe {
        height: 100px; /*высота*/
     }

     .f6_0_contacts_container {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /*перенос элемента на новую строку, если не хватает ширины, чтобы его вместить без перекрытия.*/
    }

    /*6.1.2_Элементы Контакты*/
    .f6_1_2_items {
        text-align: left; /*выравнивание по левому краю*/
        font-size: 13px; /*шрифт ссылок на контакты*/
    }

    /*6.2_Социальные сети: контейнер*/
    .f6_2_socials_container {
        display: flex; /*flex - позиционирование*/
        justify-content: center; /**/
        flex: content; /*отображение в flex-контейнере*/
        flex-wrap: wrap; /*перенос элементов контейнера на новую строку*/
        margin-right: 0px; /*отмена отступа справа*/
    }

    /*6.2_Социальные сети: Copyrights*/
    .f6_2_socials_items_copy {
        font-size: 14px; /*размер шрифта*/
    }

    /*6.2_Социальные сети: элементы блоки*/
    .f6_2_socials_items {
        margin-left: 5px; /*отступ слева*/
        margin-right: 5px; /*отступ справа*/
    }
}

/****************************************** 382 рх ***********************************************************/
@media (max-width: 382px) { /*при ширине меньше блоки меню искажаются*/
    /*6.1.2_Элементы Контакты*/
    .f6_1_2_items {
            font-size: 12px; /*шрифт ссылок на контакты*/
    }
}

/****************************************** 278 рх ***********************************************************/
@media (max-width: 278) { /*при ширине меньше блоки меню искажаются*/
    h1 { /*мин ширина 278 px при размере 28рх*/
        font-size: 18px; /*размер шрифта*/
    }
}