body.mma-search-open { overflow:hidden; }
/* Also suppress legacy panels in any header copies the theme creates later. */
body.mma-search-ready #page .search-panel { display:none!important; visibility:hidden!important; pointer-events:none!important; }
body dialog.mma-search-dialog { width:min(720px,calc(100vw - 32px)); max-width:720px; max-height:calc(100dvh - 48px); padding:0; margin:auto; overflow:auto; border:1px solid #40494f; border-top:3px solid #f2ff0b; border-radius:14px; background:#181818; color:#f4f4f4; box-shadow:0 25px 80px #0009; }
body dialog.mma-search-dialog::backdrop { background:#000b; backdrop-filter:blur(5px); }
.mma-search-panel { padding:28px; }
.mma-search-header { position:relative; padding-right:48px; }
.mma-search-header>p { color:#f2ff0b; font:700 11px/1.5 Inter,sans-serif; letter-spacing:2px; margin:0 0 10px; }
.mma-search-header h2 { color:#f4f4f4; font:700 32px/1.25 Oswald,sans-serif; margin:0 0 24px; }
body dialog.mma-search-dialog button.mma-search-close:is(button,:hover,:focus,:active) { position:absolute; right:0; top:0; width:40px; height:40px; padding:0; border:1px solid #f2ff0b; border-radius:50%; background:#0d0d0d!important; color:#f4f4f4!important; font:30px/1 Arial,sans-serif; box-shadow:none!important; cursor:pointer; }
.mma-search-form label { display:block; font:600 13px/1.5 Inter,sans-serif; margin-bottom:9px; color:#f4f4f4; }
.mma-search-field { display:flex; gap:10px; }
body dialog.mma-search-dialog input[type=search] { flex:1; min-width:0; width:100%; height:50px; margin:0; padding:12px 14px; border:1px solid #40494f; border-radius:7px; background:#0d0d0d; color:#f4f4f4; font:16px/1.5 Inter,sans-serif; }
body dialog.mma-search-dialog input[type=search]::placeholder { color:#aeb8bc; opacity:1; }
body dialog.mma-search-dialog .mma-search-field button { flex-shrink:0; padding:10px 22px; border:1px solid #f2ff0b; border-radius:7px; background:#f2ff0b!important; color:#0d0d0d!important; font:700 14px/1.5 Inter,sans-serif; cursor:pointer; }
.mma-search-status { margin:14px 0 20px; color:#c7cdcf; font:400 13px/1.6 Inter,sans-serif; }
.mma-search-results h3 { color:#f4f4f4; font:600 21px/1.4 Oswald,sans-serif; margin:24px 0 12px; }
.mma-search-fighters { display:flex; flex-wrap:wrap; gap:10px; }
.mma-search-fighters a { display:flex; flex-direction:column; gap:5px; padding:12px 16px; border:1px solid #40494f; border-radius:7px; background:#0d0d0d; color:#f4f4f4; text-decoration:none; font:500 14px/1.5 Inter,sans-serif; }
.mma-search-fighters span { color:#f2ff0b; font-size:12px; }
.mma-search-news { display:grid; gap:10px; }
.mma-search-news-item { display:flex; align-items:center; gap:14px; padding:10px; border:1px solid #40494f; border-radius:8px; color:#f4f4f4; text-decoration:none; background:#0d0d0d; }
.mma-search-news-item img,.mma-search-image-fallback { display:block; width:88px; height:68px; object-fit:contain; border-radius:5px; background:#181818; flex-shrink:0; }
.mma-search-image-fallback { display:grid; place-items:center; color:#f2ff0b; font:700 20px Oswald,sans-serif; }
.mma-search-news-item strong { display:block; color:#f4f4f4; font:500 19px/1.35 Oswald,sans-serif; }
.mma-search-news-item time { display:block; margin-top:6px; color:#b9c0c3; font:400 12px/1.4 Inter,sans-serif; }
.mma-search-all { display:inline-block; color:#f2ff0b; font:600 13px/1.5 Inter,sans-serif; margin-top:18px; }
.mma-search-suggestions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:18px; font:400 12px/1.5 Inter,sans-serif; color:#b9c0c3; }
.mma-search-suggestions[hidden] { display:none; }
body dialog.mma-search-dialog .mma-search-suggestions button { padding:7px 11px; border:1px solid #40494f; border-radius:20px; color:#f4f4f4!important; background:#0d0d0d!important; font:500 12px/1.4 Inter,sans-serif; cursor:pointer; }
body dialog.mma-search-dialog :is(a,button,input):focus-visible { outline:2px solid #f2ff0b; outline-offset:3px; }
.mma-search-results a:hover { border-color:#f2ff0b; }
@media(max-width:600px) {
 body dialog.mma-search-dialog { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); border-radius:10px; }
 .mma-search-panel { padding:20px 16px; }
 .mma-search-header h2 { font-size:26px; }
 .mma-search-news-item { gap:10px; }
 .mma-search-news-item img,.mma-search-image-fallback { width:66px; height:60px; }
 .mma-search-news-item strong { font-size:17px; }
 body dialog.mma-search-dialog .mma-search-field button { padding:10px 16px; }
}
