/* Скрытие описания на мобильных устройствах */
@media (max-width: 767px) {
    .site-description, #auxiliarymenu {
        display: none!important; /* Скрывает элемент на экранах шириной до 767px */
    }
}

/* Стили для экранов от 768px до 1199px */
@media (min-width: 768px) and (max-width: 1199px) {
    .logo-and-description {
        flex-direction: column; /* Устанавливает вертикальное направление */
        align-items: flex-start; /* Выравнивает элементы по началу */
    }

    .site-description {
        margin-top: 10px; /* Добавляет отступ сверху для описания */
    }
}  
    
    /* Размер логотипа */
.custom-logo {
    max-width: 250px; /* Установите максимальную ширину логотипа */
    height: auto; /* Обеспечивает пропорциональное изменение высоты */
}

/* Размер шрифта для описания */
.site-description {
   /* font-size: 11px; /* Устанавливает размер шрифта в 11 пикселей */
}
/* Стили для попапа */
.fullscreen-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3155FF;
    z-index: 1050; /* Поверх всех элементов */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    transform: translateY(-100%); /* Исходное положение за пределами экрана */
    transition: transform 0.5s ease-in-out; /* Плавное перемещение */
}

.fullscreen-popup.show {
    transform: translateY(0); /* Попап спускается вниз при открытии */
}

.popup-container {
    width: 100%;
    height: 100%;
    position: relative;
}

/* Верхняя панель с меню и кнопкой закрытия */
.popup-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 1100;    
}

.popup-image {
    background-image: url('/wp-content/uploads/2024/08/imgone.jpg'); /* Укажите путь к вашему изображению */
    background-size: cover;
    background-position: center;
    height: 100%;
}

.d-none {
    display: none !important;
}

/* Стили для кнопки закрытия */
.close-popup-btn {
    background: none;
    border: none;
    font-size: 80px;
    color: white;
    cursor: pointer;
}

/* Стили для меню */
.auxiliary-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.auxiliary-menu ul li {
    margin-right: 20px;
}

.auxiliary-menu ul li a {
    color: white;
    text-decoration: none;
    font-size: 18px;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .popup-image {
        display: none;
    }
    .col-md-6 {
        width: 100%;
    }
} 
  
    
    /* окно заказать  */ 
    
    /* Основной стиль модального окна */
.modal-content {
  width: 50%; /* Ширина модального окна - 50% от экрана */
  display: flex;
  flex-direction: row; /* Размещение колонок в строку */
}

.modal-body {
  padding: 0;
  flex: 1;
  display: flex;
}

.left-column {
  background-image: url('/wp-content/uploads/2024/09/laborvtoriya.jpg');
  background-size: cover;
  background-position: center;
  flex: 1;
}

.right-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  flex: 1;
  position: relative;
}

.right-column h3 {
  font-weight: 800;
  margin-bottom: 20px;
}

.contact-form {
  width: 100%; /* Поля в правой колонке с отступами */
  margin: 0 auto; /* Центрирование формы */
}

.modal-header {
  border-bottom: none;
}

.btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
}
    
#wpcf7-f146-o1 .wpcf7-form p {
 margin-bottom: 0!important;
 }
    
#wpcf7-f146-o1 .wpcf7-form label {
  width: 100%;
   padding: 0 50px;
  margin-bottom: 8px!important;
}
    
.modal-dialog {
  max-width: 100%;
  margin: 0 auto; /* Центрирование модального окна */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Адаптивные стили для планшетов */
 @media (max-width: 1400px) {        
 .modal-content {
    width: 80%; /* Ширина модального окна - 80% от экрана */
    flex-direction: column; /* Размещение колонок в столбик */
  } }    
    
@media (max-width: 992px) {
  .modal-content {
    width: 80%; /* Ширина модального окна - 80% от экрана */
    flex-direction: column; /* Размещение колонок в столбик */
  }

  .left-column, .right-column {
    flex: none; /* Убираем флекс-расширение */
    height: 200px; /* Фиксированная высота для планшетов */
    background-size: cover;
    background-position: center;
  }

  .right-column {
    padding: 10px;
  }

  .btn-close {
    right: 10px;
    top: 10px;
  }
}

/* Адаптивные стили для мобильных устройств */
@media (max-width: 576px) {
  .modal-content {
    width: 95%; /* Ширина модального окна - 95% от экрана */
    flex-direction: column; /* Размещение колонок в столбик */
  }

  .left-column, .right-column {
    height: auto; /* Автоматическая высота для мобильных устройств */
  }

  .right-column {
    padding: 5px;
  }

  .btn-close {
    right: 5px;
    top: 5px;
  }
}
/* окно заказать  */