
/* === Home Menu Flags (between title and first icon) === */
.mh-flags{ 
  display:flex; align-items:center; gap:8px; 
  margin: .25rem 0 .5rem; 
}
.mh-flags .flag{
  appearance:none; border:1px solid rgba(0,0,0,.25);
  background:#0b1222; padding:2px; border-radius:6px;
  width:32px; height:22px; display:grid; place-items:center;
  cursor:pointer; box-shadow:0 1px 3px rgba(0,0,0,.25);
}
.mh-flags .flag img, .mh-flags .flag svg{ display:block; width:100%; height:100%; border-radius:4px; }
.mh-flags .flag:hover{ filter:brightness(1.07); }
.mh-flags .flag.selected, .mh-flags .flag[aria-pressed="true"]{
  outline:2px solid #f59e0b; outline-offset:2px;
}
/* Ensure title has a bit more space above the grid to host flags */
.mh-title{ margin-bottom:.25rem !important; }
