@media (max-width: 768px) {
    .uc-form1 {
        height: 350px;
    }
}

@media screen and (max-width: 560px) {
    .t-popup__close {
        background: #00000000!important;
    }
}

.uc-cookiebanner,
.t972 {
    z-index: 100000 !important;
}


/* Стили для иконок социальных сетей в мобильной версии */
@media (max-width: 768px) {
    .t-sociallinks__svg {
        width: 35px;
        height: auto;
    }
}

/* 
 * Стили для позиционирования и размера виджета MedFlex в мобильной версии
 * Обеспечивает удобное расположение плавающей кнопки на мобильных устройствах
 * !important используется для приоритета над основными стилями виджета
 */

/* Базовые стили кнопки виджета для всех устройств */
.medflex-round-widget__button {
    left: 10px !important;
}

/* Стили только для мобильных устройств (ширина экрана до 650.98px) */
@media screen and (max-width: 650.98px) {
    .medflex-round-widget__button {
        width: 60px !important;      /* Увеличенный размер для удобства нажатия */
        height: 60px !important;     /* Увеличенный размер для удобства нажатия */
        bottom: 40px !important;     /* Позиционирование от нижнего края экрана */
    }
}




/* Все ховер-эффекты для Desktop версии (от 1200px) */
@media screen and (min-width: 1200px) {

    /* --- ГЛОБАЛЬНЫЕ НАСТРОЙКИ ПЕРЕХОДОВ --- */
    /* Задаем плавность для всех активных элементов сразу */
    .tn-elem .tn-atom, 
    .tn-elem .tn-atom a, 
    .accessibility-toggle-placeholder,
    .medflex-round-widget__button {
        transition: all 0.3s ease-in-out !important;
    }

    /* --- ШАПКА САЙТА (HEADER) --- */

    /* 1. Логотип - легкая прозрачность */
    .tn-elem[data-elem-id="1751524838031"]:hover { opacity: 0.7; }

    /* 2. Номер телефона - переход в фирменный цвет */
    .tn-elem[data-elem-id="1751525298869"]:hover .tn-atom,
    .tn-elem[data-elem-id="1751525298869"]:hover .tn-atom a { color: #00abaa !important; }

    /* 3. Адрес и Режим работы - осветление текста в черной плашке */
    .tn-elem[data-elem-id="1751525349561"]:hover .tn-atom,
    .tn-elem[data-elem-id="1751525349561"]:hover .tn-atom a,
    .tn-elem[data-elem-id="1751525448088"]:hover .tn-atom { color: #ffffff !important; }

    /* 4. Иконка поиска - увеличение */
    .tn-elem[data-elem-id="1760907746917"]:hover .tn-atom { transform: scale(1.1); opacity: 0.8; }


    /* --- ВИДЖЕТЫ И КНОПКИ --- */

    /* 5. Кнопка для слабовидящих - изменение цвета и выезд */
    .accessibility-toggle-placeholder:hover {
        background-color: #008f8e !important;
        padding-right: 20px !important;
        box-shadow: -4px 0 15px rgba(0, 171, 170, 0.3);
    }

    /* 6. Круглая кнопка записи Medflex - пульсация/увеличение */
    .medflex-round-widget__button:hover { transform: scale(1.1); }


    /* --- ПОДВАЛ (FOOTER) --- */

    /* 7. Все группы ссылок в футере - окрашивание в бирюзовый при наведении */
    /* Группа Карта сайта, Группа Методики, Группа Реабилитация, Ссылка Карта сайта, Ссылка Политика */
    .tn-group[data-group-id="174608472324395960"] .tn-atom a:hover,
    .tn-group[data-group-id="174608455399322340"] .tn-atom a:hover,
    .tn-group[data-group-id="174608462347982920"] .tn-atom a:hover,
    .tn-elem[data-elem-id="1690484942426"] .tn-atom a:hover,
    .tn-elem[data-elem-id="1690484659343"] .tn-atom a:hover { 
        color: #00abaa !important; 
    }

    /* 8. Заголовки разделов в футере - легкое затухание */
    .tn-elem[data-elem-id="1690485700338"]:hover .tn-atom,
    .tn-elem[data-elem-id="1690485267655"]:hover .tn-atom { opacity: 0.7; }

    /* 9. Ссылка "Посмотреть на карте" - прозрачность */
    .tn-elem[data-elem-id="1690524266201"]:hover { opacity: 0.6; }

}