/*========================================================================================*/
svg path {
  outline: none;
}
svg path:focus,
svg path:active {
  outline: none;
}
/*========================================================================================*/

/*========================================================================================*/
.iran-map-container {
    background: #a5dce4;
    border-radius: 0.5rem;
    border: 1px solid #5f5f6b;
    box-shadow: 0 0.125rem 0.25rem rgba(139, 69, 19, 0.1);
    padding: 1px;
}

.iran-map {
    background:  #a5dce4;
    border-radius: 0.375rem;
    padding: 1rem;
    box-shadow: inset 0 1px 2px rgba(139, 69, 19, 0.1);
}


.iran-map svg .province path {
    transition: all 0.2s ease;
    stroke: #345869 !important; /* قهوه‌ای برای مرزهای داخلی استان‌ها */
    stroke-width: 2;
    fill: #DCEAF7;
}


.iran-map svg .province path:hover {
    stroke: #2e4b45; /* آبی کمرنگ برای حاشیه هاور */
    stroke-width: 2.5; /* کاهش از 3 به 2.5 */
    fill: #b3d9ff; /* آبی خیلی کمرنگ برای داخل استان */
    transform: translateY(-2px); /* تغییر از scale به translate برای جابجایی کم */
    filter: brightness(1.05); /* کاهش از 1.1 به 1.05 */
}



/* استایل مرز کشور و پس زمینه خارج ایران */
.iran-map svg .border path {
    fill: #240b7c !important; /* قهوه‌ای کمرنگ برای خارج مرز */
    stroke: #0e0446 !important; /* قهوه‌ای متوسط برای مرز */
    stroke-width: 2.5 !important;
}

/* استایل دریاها - آبی خوش رنگ */
.iran-map svg .sea path {
    fill: #99ccff !important; /* آبی آسمانی روشن */
    stroke: #4da8ff !important; /* آبی آسمانی */
    stroke-width: 1.5 !important;
}

/* استایل دریاچه‌ها - آبی کمی تیره‌تر */
.iran-map svg .lake path {
    fill: #80b3ff !important; /* آبی آسمانی تیره‌تر */
    stroke: #3385ff !important; /* آبی آسمانی پررنگ */
    stroke-width: 1.5 !important;
}

/* استایل جزایر */
.iran-map svg .island path {
    fill: #DCEAF7 !important; 
    stroke: #a2bfda !important;
    stroke-width: 1 !important;
}

/* تولتیپ با رنگ‌بندی جدید */
#tooltip_map {
    position: absolute;
    padding: 0.75rem 1.25rem;
    background: linear-gradient(135deg, #4da8ff 0%, #66b3ff 100%);
    color: white;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    pointer-events: none;
    z-index: 1000;
    box-shadow: 0 0.5rem 1rem rgba(77, 168, 255, 0.3);
    border: 2px solid #99ccff;
    display: none;
}

/* بهبود هدر نقشه */
.iran-map-container .card-header {
    background: linear-gradient(135deg, #ffa94d 0%, #ffb366 100%) !important;
    border-bottom: 2px solid #ffd8b3 !important;
}

/* انیمیشن‌های ظریف */
.iran-map svg .province path {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0.8; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

/* پاسخگویی موبایل */
@media (max-width: 768px) {
    .iran-map {
        padding: 0.5rem;
    }
    
    .iran-map svg .province path {
        stroke-width: 1.5;
    }
    
    .iran-map svg .province path:hover {
        stroke-width: 2.5;
    }
}
/*================================================================================*/