/* =========================================================
   NEWWWZ — MOBILE ONLY (<=520px)
   File: /public/mobile.css
   ========================================================= */

@media (max-width:520px){

  html, body { overflow-x: hidden; }
  * { box-sizing: border-box; }

  /* ✅ Refresh: never hidden (JS clone style, qui fallback) */
  #nw-mobile-refresh{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important; /* flat */
    width: 34px;   /* fallback */
    height: 30px;  /* fallback */
    padding: 0 !important;
  }
  #nw-mobile-refresh svg{
    width:16px;
    height:16px;
    display:block;
  }

  /* Overlay */
  .nw-edm-overlay{
    position: fixed;
    top: var(--nw-topbar-h, 56px);
    left:0; right:0; bottom:0;
    width:100vw;
    height:calc(100vh - var(--nw-topbar-h, 56px));
    background:var(--surface);
    border-top:1px solid var(--border);
    z-index:99999999;
    overflow:hidden;
  }

  .nw-edm-split{
    display:grid;
    grid-template-columns:50% 50%;
    height:100%;
    overflow:hidden;
  }

  .nw-edm-left{
    border-right:1px solid var(--border);
    overflow-y:auto;
    overflow-x:hidden;
  }

  .nw-edm-right{
    overflow-y:auto;
    overflow-x:hidden;
  }

  /* Continents */
  .nw-edm-continent{
    width:100%;
    padding:14px 10px;
    border-bottom:1px solid var(--border);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    cursor:pointer;
    user-select:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .nw-edm-continent.is-active{
    background:var(--hover-bg);
    color:var(--hover-text);
    border-bottom-color: var(--hover-bg);
  }

  /* ✅ micro shift right all continents EXCEPT WORLD (come hai chiesto) */
  .nw-edm-continent:not(.is-world){
    transform: translateX(6px);
  }

  /* Countries */
  .nw-edm-country{
    width:100%;
    padding:14px 10px;
    border-bottom:1px solid var(--border);
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    user-select:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

    /* kill any accidental multi-column */
    column-count: 1 !important;
    columns: 1 !important;
  }
}