/* MelBet Multilang Pro - frontend switcher */
.mlpro-switch{position:relative;display:inline-block;font-family:inherit}
.mlpro-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:#1B1B1B;color:#fff;border:1px solid #FFCE00;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:700;line-height:1}
.mlpro-toggle:hover{background:#000}
.mlpro-globe{color:#FFCE00}
.mlpro-caret{font-size:10px}
.mlpro-menu{position:absolute;bottom:calc(100% + 8px);inset-inline-end:0;z-index:99999;min-width:200px;max-height:360px;overflow-y:auto;background:#2D2D2D;border:1px solid #444;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.4);list-style:none;margin:0;padding:6px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s}
.mlpro-switch.open .mlpro-menu{opacity:1;visibility:visible;transform:translateY(0)}
.mlpro-menu li{margin:0}
.mlpro-menu a{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:6px;color:#eee;text-decoration:none;font-size:14px}
.mlpro-menu a:hover{background:#1B1B1B;color:#fff}
.mlpro-menu a.active{color:#FFCE00;font-weight:700}
.mlpro-menu .mlpro-fl{min-width:26px;font-size:10px;font-weight:700;color:#1B1B1B;background:#FFCE00;border-radius:3px;padding:2px 5px;text-align:center}
.mlpro-menu .mlpro-chk{margin-inline-start:auto;color:#FFCE00}
/* floating */
.mlpro-float{position:fixed;z-index:99998}
.mlpro-bottom-right{bottom:20px;right:20px}
.mlpro-bottom-left{bottom:20px;left:20px}
.mlpro-top-right{top:20px;right:20px}
.mlpro-top-left{top:20px;left:20px}
.mlpro-top-right .mlpro-menu,.mlpro-top-left .mlpro-menu{bottom:auto;top:calc(100% + 8px)}

/* Language suggestion bar */
.mlpro-suggest{position:fixed;top:0;left:0;right:0;z-index:99999;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:#1B1B1B;color:#fff;border-bottom:2px solid #FFCE00;padding:11px 16px;font-size:14px;line-height:1.4}
.mlpro-suggest[hidden]{display:none}
.mlpro-suggest-text{font-weight:600}
.mlpro-suggest-go{background:#FFCE00;color:#1B1B1B;border-radius:6px;padding:6px 16px;text-decoration:none;font-weight:700}
.mlpro-suggest-go:hover{background:#ffd633;color:#1B1B1B}
.mlpro-suggest-no{background:transparent;color:#bbb;border:none;cursor:pointer;font-size:13px;text-decoration:underline;padding:6px}
.mlpro-suggest-no:hover{color:#fff}
@media(max-width:600px){.mlpro-suggest{font-size:13px;gap:10px;padding:9px 12px}}

/* ===== HEADER SWITCHER ===== */
.mlpro-hsw{position:relative;display:inline-block;font-family:inherit;z-index:1000}
.mlpro-hsw-btn{display:inline-flex;align-items:center;gap:7px;cursor:pointer;background:transparent;color:#fff;border:1px solid rgba(255,206,0,.55);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:700;line-height:1;white-space:nowrap;transition:.15s}
.mlpro-hsw-btn:hover{background:rgba(255,206,0,.12);border-color:#FFCE00}
.mlpro-hsw-globe{color:#FFCE00;font-size:15px}
.mlpro-hsw-caret{font-size:9px;opacity:.8}
.mlpro-hsw-cur{max-width:110px;overflow:hidden;text-overflow:ellipsis}

/* panel: anchored to the button, never wider than the viewport */
.mlpro-hsw-panel{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:1001;width:300px;max-width:calc(100vw - 24px);background:#2D2D2D;border:1px solid #444;border-radius:10px;box-shadow:0 12px 34px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.15s;overflow:hidden}
.mlpro-hsw.open .mlpro-hsw-panel{opacity:1;visibility:visible;transform:translateY(0)}

.mlpro-hsw-search{padding:10px;border-bottom:1px solid #3d3d3d;background:#262626}
.mlpro-hsw-input{width:100%;box-sizing:border-box;background:#1B1B1B;border:1px solid #454545;border-radius:6px;color:#fff;padding:9px 11px;font-size:13px;font-family:inherit}
.mlpro-hsw-input:focus{outline:none;border-color:#FFCE00}
.mlpro-hsw-input::placeholder{color:#888}

.mlpro-hsw-list{list-style:none;margin:0;padding:6px;max-height:340px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.mlpro-hsw-list::-webkit-scrollbar{width:8px}
.mlpro-hsw-list::-webkit-scrollbar-thumb{background:#555;border-radius:4px}
.mlpro-hsw-list li{margin:0;min-width:0}
.mlpro-hsw-list a{display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:6px;color:#e8e8e8;text-decoration:none;font-size:13px;min-width:0}
.mlpro-hsw-list a:hover{background:#1B1B1B;color:#fff}
.mlpro-hsw-list a.active{color:#FFCE00;font-weight:700;background:rgba(255,206,0,.1)}
.mlpro-hsw-flag{flex:0 0 auto;min-width:24px;font-size:9px;font-weight:700;color:#1B1B1B;background:#FFCE00;border-radius:3px;padding:2px 4px;text-align:center;letter-spacing:.3px}
.mlpro-hsw-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mlpro-hsw-check{margin-inline-start:auto;color:#FFCE00;flex:0 0 auto}
.mlpro-hsw-empty{margin:0;padding:16px;text-align:center;color:#888;font-size:13px}

/* mobile menu variant: full width, no floating panel */
.mlpro-hsw-mobile{display:block;width:100%;padding:14px 18px;box-sizing:border-box;border-top:1px solid #333}
.mlpro-hsw-mobile .mlpro-hsw-btn{width:100%;justify-content:space-between}
.mlpro-hsw-mobile .mlpro-hsw-panel{position:static;width:100%;max-width:100%;margin-top:8px;transform:none;box-shadow:none}
.mlpro-hsw-mobile .mlpro-hsw-list{max-height:260px}

@media(max-width:900px){
  .mlpro-hsw-desktop{display:none}
}
@media(max-width:420px){
  .mlpro-hsw-list{grid-template-columns:1fr}
}