/* Bulgaria Map Plugin Styles */

.bgsvg {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.bgsvg svg {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Map regions hover effects */
.bgsvg .st0:hover {
    fill: #c4a484 !important;
    stroke: #ffffff !important;
    stroke-width: 2px !important;
}

.bgsvg .st1:hover {
    fill: #f0f0f0 !important;
    stroke: #CBB398 !important;
    stroke-width: 2px !important;
}

.bgsvg .st2:hover {
    fill: #d4c8b8 !important;
    stroke: #ffffff !important;
    stroke-width: 2px !important;
}

/* City hover effects */
.bgsvg circle:hover {
    fill: #e0e0e0 !important;
    stroke: #CBB398 !important;
    stroke-width: 2px !important;
    r: 8px !important;
}

/* Tooltip styles */
.bgsvg [title] {
    cursor: pointer;
}

/* Responsive design */
@media (max-width: 768px) {
    .bgsvg {
        width: 100%;
        max-width: 400px;
    }
    
    .bgsvg svg {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 480px) {
    .bgsvg {
        max-width: 300px;
    }
}

/* Map container styling */
.bgsvg .mapWorld {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: block;
}

/* Animation for smooth transitions */
.bgsvg path,
.bgsvg circle {
    transition: all 0.3s ease;
}

/* Focus styles for accessibility */
.bgsvg path:focus,
.bgsvg circle:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .bgsvg {
        page-break-inside: avoid;
    }
    
    .bgsvg svg {
        max-width: 100%;
        height: auto;
    }
}