/* Mobile injected search + flags — rendered OUTSIDE nav-links */

/* Search wrapper */
.mob-search-wrap {
  background: var(--st-navy);
  padding: 10px 16px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.mob-search-wrap input {
  width: 100%;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 20px;
  padding: 9px 18px;
  color: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}
.mob-search-wrap input::placeholder { color: rgba(255,255,255,.5); }
.mob-search-wrap input:focus { border-color: #e8a020; background: rgba(255,255,255,.18); }
.mob-search-results .search-result-item {
  background: rgba(255,255,255,.05);
  border-radius: 4px;
  margin: 4px 0;
  padding: 8px 12px;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
}
.mob-search-results .search-result-item:hover { background: rgba(232,160,32,.15); color: #e8a020; }

/* Flags — 2x2 grid */
.mob-flags-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  background: var(--st-navy);
  padding: 12px 16px 16px;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 3px solid #e8a020;
}
.mob-flags-grid a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 8px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.07) !important;
  opacity: .85 !important;
  transition: opacity .2s, background .2s !important;
  overflow: hidden !important;
}
.mob-flags-grid a:hover { opacity: 1 !important; background: rgba(255,255,255,.15) !important; }
.mob-flags-grid a.active { opacity: 1 !important; background: rgba(232,160,32,.15) !important; outline: 2px solid #e8a020 !important; outline-offset: 2px !important; }
.mob-flags-grid img { height: 36px !important; width: auto !important; display: block !important; }