.lm-wrap {
    margin: 1.5rem auto;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    display: flex;
    min-height: 650px;
    font-family: sans-serif;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}
.lm-wrap * {font-family: "Source Sans Pro", sans-serif;}

/* ── Sidebar ── */

.lm-sidebar{width:230px;flex-shrink:0;display:flex;flex-direction:column;background:

#fafafa;    border-right: 1px solid #e5e5e5;order:1}

.lm-reg-item{border-bottom:1px solid 

#f0f0f0}

.lm-reg-btn{width:100%;display:flex;align-items:center;padding:16px;background:none;border:none;cursor:pointer;font-size:18px;font-weight:600;color:#666;transition: background-color 0.3s ease, color 0.3s ease;text-align:left}

@media (hover: hover) { .lm-reg-btn:hover{background:

#f0f0f0} }

.lm-reg-btn.active{background:

#2954e6;color:#fff}

.lm-btn-content{display:flex;align-items:center;gap:8px;flex:1} 

.lm-reg-btn .lm-badge{font-size:11px;background:#fff;border:1px solid #ddd;border-radius:10px;padding:2px 7px;color:#888;font-weight:400}

.lm-reg-btn.active .lm-badge{border-color:

#93c5fd;color:

#1e40af;background:

#eff6ff}

.lm-arrow{font-size:10px;color:#aaa;transition:transform 0.3s;margin-left:auto}

.lm-reg-btn.active .lm-arrow{transform:rotate(90deg);color:

#1e40af}

.lm-badge {display: none !important;}

/* ── Country List ── */

.lm-country-list{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);background:#fff}

.lm-country-list.open{max-height:400px;overflow-y:auto}

.lm-ctag{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:16px;color:#555;cursor:pointer;transition:0.2s;border-left:3px solid transparent}

@media (hover: hover) { .lm-ctag:hover, .lm-ctag.hovered{background:

#f8faff;color:

#1e40af;border-left-color:

#3b82f6} }

.lm-flag{width:18px;height:12px;object-fit:cover;border-radius:2px;box-shadow:0 0 2px rgba(0,0,0,0.2)}

/* ── Map ── */

.lm-map-side{flex:1;position:relative;background: #f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;order:2}

svg#lm-worldmap{width:100%;height:100%;display:block}

.lm-country-path{fill:

#caced0;stroke:

#aeafb0;stroke-width:0.5;transition:fill 0.4s}

.lm-country-path.lm-hl{fill:

#3b82f6;cursor:pointer}

.lm-country-path.lm-hl.lm-hovered{fill:

#1e40af !important}

.lm-tooltip{position:absolute;background:

#1e293b;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;display:none;pointer-events:none;z-index:100}

.lm-ctag.lm-ctag-hover {

    background-color: 

#3c82f6 !important;

    color: #fff !important; /* Tünd göy rəng */

    border-color: 

#3c82f6 !important;

}

@media(max-width:768px){

    .lm-map-side {display:none !important}

    .lm-wrap{flex-direction: column; margin: 0;border-radius: 0;min-height: auto;display: block;}

    .lm-map-side{height:300px;flex:none;border-bottom:1px solid #eee;order:1}

    .lm-sidebar{width:100%;order:2}

    .lm-country-list.open{max-height: none}

}


/* 2. AKTİV (MAVİ) BÖLGƏ */
.lm-country-path.lm-hl {
    filter: drop-shadow(4px 6px 5px rgba(0, 0, 0, 0.4)) !important;
}

/* 3. SEÇİLMƏYƏN (SOLĞUN) BÖLGƏLƏR */
/* Bir region aktiv olan kimi, digər hər şey bu rəngə boyanacaq */
.lm-country-path.lm-not-selected {
    fill: #f1f4f3 !important;
    stroke: #aeafb04f !important;
    stroke-width: 0.5;
    filter: none !important; /* Kölgəni tam söndürürük */
}
#lm-worldmap g {
    will-change: transform;
}