.russia-interactive-map-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}

.russia-map-svg-wrapper {
    width: 100%;
    height: auto;
}

.russia-map-svg-wrapper svg {
    width: 100%;
    height: auto;
    display: block;
}

/* Основные стили регионов */
.russia-map-svg-wrapper path {
    fill: #e0e0e0;
    stroke: #ffffff;
    stroke-width: 0.5;
    transition: fill 0.3s ease;
    cursor: pointer;
}

/* Стиль для активных регионов */
.russia-map-svg-wrapper path.active {
    fill: #FFCA00;
}

/* Эффект при наведении для неактивных регионов */
.russia-map-svg-wrapper path:not(.active):hover {
    fill: #d0d0d0;
}

/* Эффект при наведении для активных регионов */
.russia-map-svg-wrapper path.active:hover {
    fill: #ffd83d;
}

/* Стили всплывающего окна */
.region-tooltip {
    display: none;
    position: absolute;
    background: white;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    z-index: 100;
    max-width: 300px;
    color: #000;
}

.region-tooltip h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
}

.region-tooltip p {
    margin: 8px 0;
    font-size: 15px;
    line-height: 1.4;
    color: #000;
}

.region-tooltip a {
    color: #0066cc;
    text-decoration: none;
}

.region-tooltip a:hover {
    text-decoration: underline;
}

.company-divider {
    border: 0;
    height: 1px;
    background: #eee;
    margin: 15px 0;
}

.company-name {
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .region-tooltip {
        position: fixed;
        bottom: 20px;
        left: 20px;
        right: 20px;
        max-width: none;
    }
}

/* Добавляем в конец файла */
@media (min-width: 769px) {
    .region-tooltip {
        left: 50% !important;
        transform: translateX(-50%) !important;
        bottom: 30px !important;
        top: auto !important;
        right: auto !important;
        max-width: 80%;
    }
}

.russia-interactive-map-container {
    cursor: pointer;
}

.russia-map-svg-wrapper path {
    pointer-events: auto;
}

.region-tooltip {
    pointer-events: auto; /* Разрешаем взаимодействие с содержимым */
}

.russia-interactive-map-container {
    pointer-events: none; /* Отключаем события для контейнера */
}

.russia-map-svg-wrapper {
    pointer-events: auto; /* Включаем события для SVG */
}

.russia-map-svg-wrapper path {
    cursor: pointer;
    transition: fill 0.3s ease;
}

.russia-map-svg-wrapper path:not(.active) {
    fill: #e0e0e0;
}

.russia-map-svg-wrapper path:not(.active):hover {
    fill: #d0d0d0;
}

.russia-map-svg-wrapper path.active {
    fill: #FFCA00;
    cursor: pointer;
}

.russia-map-svg-wrapper path.active:hover {
    fill: #ffd83d;
}