/* =========================================================
   Mahjong Radar Version 84 — requested More-menu and country
   selector corrections only.
   ========================================================= */

/* Chrome/Edge use the select's text colour when painting the native popup.
   The closed select remains invisible behind the custom flag/name layer, but
   every country in the opened list must have readable text. */
#rg-phone-control .phone-country-control select{
  color:#173b63!important;
  -webkit-text-fill-color:#173b63!important;
}
#rg-phone-control .phone-country-control select option,
#rg-phone-control .phone-country-control select optgroup{
  color:#173b63!important;
  -webkit-text-fill-color:#173b63!important;
  background:#fffdf8!important;
}
#rg-phone-control .phone-country-control select option:checked{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  background:#173b63!important;
}

/* Mobile More page: remove the transparent safe-area gap above the sticky
   header and ensure scrolling cards—including Support—always pass behind it. */
@media(max-width:760px){
  #more-overlay .more-panel{
    position:relative!important;
    isolation:isolate!important;
    padding:0 12px calc(105px + env(safe-area-inset-bottom))!important;
    scroll-padding-top:calc(86px + env(safe-area-inset-top))!important;
    background:linear-gradient(180deg,#fffdf8,#f6efe1)!important;
  }
  #more-overlay .more-page-head{
    position:sticky!important;
    top:0!important;
    z-index:100!important;
    isolation:isolate!important;
    margin:0 -12px 10px!important;
    padding:calc(10px + env(safe-area-inset-top)) 14px 10px!important;
    background:#fffdf8!important;
    border-bottom:1px solid var(--gold-line)!important;
    box-shadow:0 7px 18px rgba(23,59,99,.08)!important;
    overflow:hidden!important;
  }
  #more-overlay .more-page-head::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    background:#fffdf8!important;
  }
  #more-overlay .more-intro,
  #more-overlay .more-grid{
    position:relative!important;
    z-index:1!important;
  }
  #more-overlay .more-item{
    position:relative!important;
    z-index:0!important;
  }
}