/* کانتینر اصلی که کل عرض را می‌گیرد */
.iim-map-wrapper {
    position: relative;
    width: 100%;
    /* برای اینکه اگر قالب محدودیت عرض دارد، سعی کند کل صفحه را پر کند (بسته به قالب) */
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f1f5f9; /* رنگ طوسی روشن */
    padding: 40px 20px;
    box-sizing: border-box;
}

.map-container {
    width: 100%;
    max-width: 900px; /* نقشه خیلی کش نیاید */
    aspect-ratio: 1.1;
}

/* استایل پیش‌فرض استان‌ها (سبز) */
.province {
    fill: #22c55e;
    stroke: #fff;
    stroke-width: 1;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* استایل استان‌های همکاری (آبی) */
.province.partner {
    fill: #3b82f6 !important; /* رنگ آبی */
}

/* هاور روی استان سبز */
.province:hover {
    fill: #15803d;
    stroke-width: 2;
    transform: scale(1.005);
    transform-origin: center;
    z-index: 10;
}

/* هاور روی استان آبی (همکار) */
.province.partner:hover {
    fill: #1d4ed8 !important; /* آبی تیره‌تر */
    stroke-width: 2;
    transform: scale(1.005);
    transform-origin: center;
    z-index: 10;
}

/* استایل تول‌تیپ */
#iim-tooltip {
    position: fixed;
    background: rgba(15, 23, 42, 0.95);
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 14px;
    opacity: 0;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -150%);
    font-family: inherit;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
}

.water-label {
    font-size: 12px;
    fill: #94a3b8;
    pointer-events: none;
    user-select: none;
}