/* Currency and Language popup - add at end of responsive.css or main.css */
.mostplay-language-trigger { cursor: pointer; font: inherit; color: inherit; background: transparent; }
.mp-language-overlay[hidden] { display: none !important; }
.mp-language-overlay { position: fixed; inset: 0; z-index: 999999; display: flex; justify-content: center; align-items: center; padding: 16px; background: rgba(0, 0, 0, .52); box-sizing: border-box; }
.mp-language-dialog { width: min(450px, 100%); background: #fff; border-radius: 11px; overflow: hidden; box-shadow: 0 16px 45px rgba(0,0,0,.28); color: #0d2548; }
.mp-language-heading { display: flex; justify-content: space-between; align-items: center; min-height: 52px; padding: 0 16px; background: linear-gradient(110deg, #2864c4, #2051a8); color: #fff; }
.mp-language-heading h2 { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.3; }
.mp-language-close { border: 0; background: transparent; color: #fff; font-size: 30px; line-height: 1; cursor: pointer; padding: 4px 8px; }
.mp-language-rows { padding: 4px 0; }
.mp-language-row { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid #e4e8ef; }
.mp-language-row:last-child { border-bottom: 0; }
.mp-language-flag { display: inline-flex; justify-content: center; align-items: center; width: 28px; flex: 0 0 28px; font-size: 24px; line-height: 1; }
.mp-language-options { display: flex; flex: 1; gap: 8px; min-width: 0; }
.mp-language-options a { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: center; min-height: 30px; padding: 3px 6px; border: 1px solid #2466ff; border-radius: 7px; text-decoration: none; text-align: center; color: #2466ff; font-size: 13px; box-sizing: border-box; }
.mp-language-options a:hover, .mp-language-options a:focus-visible { background: #eaf1ff; }
@media(max-width: 380px) { .mp-language-row { padding: 9px 8px; gap: 7px; } .mp-language-options { gap: 6px; } .mp-language-options a { font-size: 12px; } }