/* Специфичные стили для мобильной адаптации contacts.html */

/* Мобильные стили для страницы контактов */
@media (max-width: 767px) {
    /* Основной контейнер контактов */
    .contacts {
        min-height: auto !important;
        padding: 20px 0 !important;
    }
    
    /* Логотип компании */
    .contactImg {
        height: 80px !important;
        width: auto !important;
        margin-bottom: 20px !important;
    }
    
    /* Название компании */
    p.name {
        font-size: 1.2em !important;
        font-weight: bold !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
        padding: 0 15px !important;
    }
    
    /* Контактная информация - делаем в одну колонку */
    .contacts .row {
        margin: 0 !important;
    }
    
    .contacts .col-5 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        margin-bottom: 25px !important;
    }
    
    .contacts .offset-1 {
        margin-left: 0 !important;
    }
    
    /* Заголовки контактной информации */
    .pUppercase {
        font-size: 1.3em !important;
        font-weight: bold !important;
        margin-bottom: 8px !important;
        color: #333 !important;
    }
    
    /* Контактные данные */
    .dline {
        font-size: 1.1em !important;
        line-height: 1.4 !important;
        margin-bottom: 20px !important;
        color: #666 !important;
    }
    
    /* Специальные стили для телефонов */
    .dline a[href^="tel:"] {
        color: #007bff !important;
        text-decoration: none !important;
        font-weight: 500 !important;
    }
    
    /* Специальные стили для email */
    .dline a[href^="mailto:"] {
        color: #007bff !important;
        text-decoration: none !important;
        font-weight: 500 !important;
    }
    
    /* Центрирование контента */
    .contacts dl {
        text-align: center !important;
        margin: 0 auto !important;
        max-width: 100% !important;
    }
    
    /* Центрируем все элементы контактов */
    .contacts .col-5,
    .contacts .col-6 {
        text-align: center !important;
    }
    
    /* Центрируем заголовки и данные */
    .pUppercase,
    .dline {
        text-align: center !important;
    }
    
    /* Переопределяем Bootstrap классы для row с fadeInDown */
    .row.wow.fadeInDown .col-6.offset-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding: 0 15px !important;
    }
    
    /* Убираем margin-bottom у первого блока контактов */
    .col-5.offset-1.wow.fadeInLeft.delay-1s,
    .col-5.offset-1.wow.fadeInLeft,
    .col-5.offset-1 {
        margin-bottom: 0 !important;
    }
    
    /* Убираем margin-bottom у названия компании УП "Рекхаус" */
    .col-6.offset-3 .name.dline,
    .row.wow.fadeInDown .col-6.offset-3 .name.dline,
    .row .col-6.offset-3 p.name.dline {
        margin-bottom: 0 !important;
    }
    
    /* Добавляем margin-bottom для row с fadeInDown */
    .row.wow.fadeInDown,
    .row.wow.fadeInDown.animated {
        margin-bottom: 30px !important;
    }
    
    /* Показываем переносы только на мобильных */
    .br-mobile {
        display: inline !important;
    }
    
    /* Отключаем WOW анимации на мобильных для лучшей производительности */
    .wow {
        animation: none !important;
        -webkit-animation: none !important;
    }
}

/* Скрываем переносы на десктопе */
@media (min-width: 768px) {
    .br-mobile {
        display: none !important;
    }
}