/* Greek Region Selector - Ultra-Fast CSS */
.ihm-greek-region-map-wrapper {
    width: 100%;
    height: 85vh;
    max-height: 85vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
}

.ihm-greek-region-map-wrapper svg {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Clickable regions */
.ihm-greek-region-map-wrapper [id^="GR-"] {
    cursor: pointer;
    transition: fill 0.15s ease;
}

.ihm-greek-region-map-wrapper [id^="GR-"]:hover {
    fill: #36B3A8 !important;
}

.ihm-greek-region-map-wrapper [id^="GR-"]:hover path {
    fill: #36B3A8 !important;
}

.ihm-greek-region-map-wrapper [id^="GR-"] path {
    cursor: pointer;
    transition: fill 0.15s ease;
}

.ihm-greek-region-map-wrapper [id^="GR-"] path:hover {
    fill: #36B3A8 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .ihm-greek-region-map-wrapper {
        height: 70vh;
        padding: 5px;
    }
}

@media (max-width: 480px) {
    .ihm-greek-region-map-wrapper {
        height: 60vh;
        padding: 5px;
    }
}
/* Style SVG regions */
.ihm-greek-region-map-wrapper svg path {
    fill: #008080;
    stroke: #ffffff;
    stroke-width: 1px;
    cursor: pointer;
    transition: fill 0.2s;
}
.ihm-greek-region-map-wrapper svg path:hover {
    fill: #36B3A8;
}
.ihm-region {
    cursor: pointer;
    transition: fill 0.2s;
}
.ihm-region:hover {
    fill: #36B3A8;
}
/* Also target paths within groups */
.ihm-greek-region-map-wrapper svg g[id^="GR-"] path {
    cursor: pointer;
    transition: fill 0.2s;
}
.ihm-greek-region-map-wrapper svg g[id^="GR-"]:hover path {
    fill: #36B3A8;
}
/* And standalone paths with GR- IDs */
.ihm-greek-region-map-wrapper svg path[id^="GR-"] {
    cursor: pointer;
    transition: fill 0.2s;
}
.ihm-greek-region-map-wrapper svg path[id^="GR-"]:hover {
    fill: #36B3A8;
}
.ihm-greek-region-labels {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.ihm-region-label {
    background: #008080;
    color: #fff;
    padding: 6px 16px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    transition: background 0.2s;
}
.ihm-region-label:hover {
    background: #00b3b3;
}