/* Основные стили контейнера карты */
.map-container {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

/* Стили для карты */
.map-fullwidth {
    width: 100%;
    height: 500px;
}

/* Блок с контентом поверх карты */
.container-absolut {
    position: absolute;
    width: 100%;
    /* Фиксированная ширина блока */
    width: 100%;
    top: 30px;
    left: 30px;
    z-index: 10;
    transition: all 0.3s ease;
    /* Плавные анимации */
}

/* Стили для контента внутри блока */
.map-overlay-content {
    background: rgba(255, 255, 255, 0.95);
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Стили для iframe с картой */
.wp-block-html iframe {
    width: 100% !important;
    height: 100% !important;
    border: none;
}

/* Адаптивность для больших экранов (от 1200px) */
@media (min-width: 1200px) {
    .map-container {
        min-height: 500px;
    }

    .map-fullwidth {
        position: absolute;
        height: 100%;
    }

    .container-absolut {
        position: absolute;
        max-width: 1170px;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
        pointer-events: none;
        /* Отключаем взаимодействие с блоком */
        z-index: 10;
    }

    .map-overlay-content {
        max-width: 400px;
        pointer-events: auto;
        /* Включаем взаимодействие с контентом */
    }
}

/* Планшеты и мобильные (до 1199px) */
@media (max-width: 1199px) {
    .map-container {
        display: flex;
        flex-direction: column;
    }

    .container-absolut {
        position: relative;
        max-width: 100%;
        top: 0;
        left: 0;
        margin-bottom: 20px;
        order: 1;
        /* Блок с контентом сверху */
    }

    .map-fullwidth {
        order: 2;
        /* Карта снизу */
        height: 400px;
    }
}

/* Мобильные устройства (до 767px) */
@media (max-width: 767px) {
    .map-fullwidth {
        height: 300px;
    }

    .map-overlay-content {
        padding: 20px;
    }

    .container-absolut {
        margin-bottom: 15px;
    }
}