/* ============================================
   СТИЛИ ДЛЯ SVG СХЕМЫ СКЛАДСКОГО КОМПЛЕКСА
   ============================================ */

.warehouse-map-container {
    width: 100%;
    margin: 2rem 0;
    border-radius: 4px;
    overflow: hidden;
}

#warehouse-map-embedded {
    width: 100%;
    min-height: 400px;
    border: none;
    display: block;
}

/* Стили для SVG схемы */
#warehouse-map-embedded svg {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0.74; /* 25% прозрачности (75% непрозрачности) */
}


/* Отключаем pointer-events для всех элементов по умолчанию */
#warehouse-map-embedded svg * {
    pointer-events: none !important;
}

/* Включаем pointer-events только для полигонов голубых крыш зданий */
/* Градиенты cls-17, cls-18, cls-20, cls-21, cls-23, cls-24, cls-26, cls-27, cls-29, cls-30 используются для крыш корпусов */
#warehouse-map-embedded svg polygon.cls-17,
#warehouse-map-embedded svg polygon.cls-18,
#warehouse-map-embedded svg polygon.cls-20,
#warehouse-map-embedded svg polygon.cls-21,
#warehouse-map-embedded svg polygon.cls-23,
#warehouse-map-embedded svg polygon.cls-24,
#warehouse-map-embedded svg polygon.cls-26,
#warehouse-map-embedded svg polygon.cls-27,
#warehouse-map-embedded svg polygon.cls-29,
#warehouse-map-embedded svg polygon.cls-30 {
    cursor: pointer !important;
    transition: fill 0.3s ease, filter 0.3s ease, stroke 0.3s ease !important;
    pointer-events: all !important; /* Позволяет наводить курсор на крышу здания */
}

/* Эффект при наведении на крышу здания (полигон корпуса) */
#warehouse-map-embedded svg polygon.cls-17:hover,
#warehouse-map-embedded svg polygon.cls-18:hover,
#warehouse-map-embedded svg polygon.cls-20:hover,
#warehouse-map-embedded svg polygon.cls-21:hover,
#warehouse-map-embedded svg polygon.cls-23:hover,
#warehouse-map-embedded svg polygon.cls-24:hover,
#warehouse-map-embedded svg polygon.cls-26:hover,
#warehouse-map-embedded svg polygon.cls-27:hover,
#warehouse-map-embedded svg polygon.cls-29:hover,
#warehouse-map-embedded svg polygon.cls-30:hover {
    fill: #f56a03 !important; /* Оранжевый цвет крыши */
    filter: drop-shadow(0 0 12px rgba(245, 106, 3, 0.9)) !important; /* Свечение */
    stroke: #f56a03 !important; /* Оранжевая обводка */
    stroke-width: 2px !important;
}

.warehouse-map-title {
    margin-bottom: 1rem;
}