/* Кастомизация Fancybox */
.fancybox-bg {
    background: rgba(0, 0, 0, 0.8);
}

.fancybox-toolbar {
    background: rgba(0, 0, 0, 0.6);
}

.fancybox-button {
    background: rgba(255, 255, 255, 0.8);
    color: #000;
}

.fancybox-button:hover {
    background: rgba(255, 255, 255, 1);
}

/* 1. позже скрываем телефон */

@media (min-width: 1300px) {
    .header__wrapper .header__phone-link {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .header__wrapper .header__phone-link {
        display: block;
    }
}


/* 2. позже скрываем кнопки */

@media (max-width: 992px) {
    .header__wrapper .header__actions {
        display: none!important;
    }
}

@media (max-width: 1340px) {
    .header__actions {
        display: flex;
    }
}


/* 3. позже сворачиваем бургер */

@media (min-width: 1300px) {
    .header__wrapper .navbar-toggler {
        display: none !important;
    }
}
@media (max-width: 1300px) {
    .header__wrapper .navbar-toggler {
        display: block !important;
    }

    .header__wrapper .header__contacts {
        display: none!important;
    }
}

@media (max-width: 1340px) {
    .header__contacts {
        display: flex;
    }
}

/* 4. уменьшаем в шапке шрифт */
@media (min-width: 1300px) and (max-width: 1400px) {

.contacts__email, .contacts__phone, .contacts__schedule {
font-size: 17px!important;
  }
}

/** Кастомизация advantages index page */
.advantages__card-icon {
    width: 100px;
    height: 100px;
    background: #6353c5;
    border-radius: 100%;
    display: flex; /* Используем flexbox для центрирования */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
    overflow: hidden; /* Если изображение выходит за пределы контейнера */
}

.advantages__card-icon img {
    max-width: 100%; /* Обеспечиваем адаптивность изображения */
    max-height: 100%; /* Обеспечиваем адаптивность изображения */
}

/** Кастомизация big__table /PropertyWidget/views/_filter */
.big__table.podbor__otstup .table.custom-table.table-hover thead tr th a {
    text-decoration: none;
}

/** Кастомизация big__table /PropertyWidget/views/_content */
.table-hover tr:hover {
    --bs-table-hover-bg: rgba(0, 179, 139, 0.1);
    background-color: var(--bs-table-hover-bg);
    cursor: pointer;
}