/* ==========================================================
   RT - MOBIL PLAYER BAR (REMOTE) - COMPLET
========================================================== */

.rtMPlayer{ display:none; }

@media (max-width:520px){
  :root{ --rtmBarH: 76px; } /* fallback; JS o calculează exact */

  /* IMPORTANT: împinge tot conținutul (inclusiv footer) deasupra barei */
  body{
    padding-bottom: calc(var(--rtmBarH) + env(safe-area-inset-bottom) + 10px);
  }

  /* FIX extra: uneori doar body nu e suficient -> împinge direct footer-ul */
  .siteFooter{
    padding-bottom: calc(var(--rtmBarH) + env(safe-area-inset-bottom) + 10px);
  }

  .rtMPlayer{
    display:block;
    position:fixed;
    left:8px;
    right:8px;

    /* stă cât mai jos, dar safe-area corect */
    bottom: calc(12px + env(safe-area-inset-bottom));

    z-index:10050; /* peste overlay */

    border:1px solid rgba(148,163,184,.18);
    background: rgba(2,6,23,.92);
    backdrop-filter: blur(12px);
    border-radius:16px;
    padding:8px 10px;
    box-shadow: 0 18px 60px rgba(0,0,0,.45);
  }

  .rtMRow{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
  }

  /* DOT */
  .rtMDot{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#64748b;
    flex:0 0 9px;
    transition: background .18s ease, box-shadow .18s ease;
  }
  .rtMPlayer.is-playing .rtMDot{
    background:#22c55e;
    box-shadow:0 0 0 4px rgba(34,197,94,.14),
               0 0 18px rgba(34,197,94,.18);
  }

  /* TEXT */
  .rtMText{ min-width:0; flex:1; }
  .rtMNow{
    font-size:10px;
    font-weight:900;
    color: rgba(229,231,235,.60);
    line-height:1.1;
    margin-bottom:2px;
  }

  /* MARQUEE */
  .rtMTitle{
    position:relative;
    font-size:13px;
    font-weight:1000;
    color: rgba(229,231,235,.95);
    line-height:1.15;
    overflow:hidden;
    white-space:nowrap;
  }
  .rtMarqueeInner{
    display:inline-block;
    transform: translateX(0);
    padding-right: 24px;
  }
  .rtMTitle.is-scroll .rtMarqueeInner{
    animation: rtMarqueeLeft 22s linear infinite; /* lent */
  }
  @keyframes rtMarqueeLeft{
    0%   { transform: translateX(0); }
    10%  { transform: translateX(0); }
    100% { transform: translateX(calc(-100% - 24px)); }
  }

  /* PLAY */
  .rtMBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(148,163,184,.22);
    background: rgba(255,255,255,.06);
    color:#e5e7eb;
    border-radius:14px;
    width:44px;
    height:44px;
    cursor:pointer;
    box-shadow: 0 12px 28px rgba(0,0,0,.18);
  }
  .rtMBtn svg{ display:block; }

  /* VOL */
  .rtMVol{
    width:92px;
    height:28px;
    accent-color:#22c55e;
  }

  /* SERV */
  .rtMSrvBtn{
    border:1px solid rgba(148,163,184,.22);
    background: rgba(255,255,255,.06);
    color: rgba(229,231,235,.92);
    border-radius:12px;
    height:44px;
    padding:0 10px;
    font-weight:900;
    font-size:12px;
    cursor:pointer;
    user-select:none;
  }

  .rtMServer{
    display:none;
    margin-top:8px;
  }
  .rtMPlayer.show-server .rtMServer{ display:block; }

  .rtMSelect{
    width:100%;
    border:1px solid rgba(148,163,184,.22);
    background:#0b1220;
    color:#e5e7eb;
    border-radius:12px;
    padding:9px 10px;
    outline:none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  }
  .rtMSelect option{ background:#0b1220; color:#e5e7eb; }
}

@media (prefers-reduced-motion: reduce){
  .rtMTitle.is-scroll .rtMarqueeInner{ animation:none; }
  .rtMDot{ transition:none; }
}

@media (max-width:520px){
  /* când meniul/overlay e deschis, ascundem bara */
  body.noScroll .rtMPlayer{
    transform: translateY(120%);
    opacity: 0;
    pointer-events: none;
    transition: transform .18s ease, opacity .18s ease;
  }

  /* când e normal */
  .rtMPlayer{
    transition: transform .18s ease, opacity .18s ease;
  }
}