/* AJS BLUE ODEON — Android: wybór SLIDESHOW / PANEL GRAMOFONU
   Tylko mobile. Desktop / Windows pozostaje bez zmian. */

.ajs-mobile-view-choice{display:none}
.ajs-mobile-view-note{display:none}

@media (max-width:900px){

  .ajs-mobile-view-choice{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    width:100%;
    margin:0 auto 14px;
    padding:0;
  }

  .ajs-mobile-view-choice button{
    min-height:44px;
    padding:9px 8px;
    border:1px solid rgba(124,181,239,.72);
    border-radius:9px;
    background:#18283c;
    color:#e8f3ff;
    font:700 .78rem/1.2 Arial,Helvetica,sans-serif;
    text-align:center;
    cursor:pointer;
  }

  .ajs-mobile-view-choice button[aria-pressed="true"]{
    background:#315f8e;
    border-color:#a9d2fa;
    box-shadow:0 0 0 1px rgba(169,210,250,.22) inset;
  }

  .ajs-mobile-view-note{
    display:block;
    margin:0 0 8px;
    text-align:center;
    color:#aebfd3;
    font-size:.78rem;
    line-height:1.25;
  }

  /* TRYB GRAMOFONU */
  body.ajs-mobile-view-gramophone .player-layout > .track-side{
    display:none !important;
  }

  body.ajs-mobile-view-gramophone .player-main > .gramophone{
    display:block !important;
  }

  /* TRYB SLIDESHOW */
  body.ajs-mobile-view-slideshow .player-main > .gramophone{
    display:none !important;
  }

  body.ajs-mobile-view-slideshow .player-layout{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }

  body.ajs-mobile-view-slideshow .player-layout > .track-side{
    display:block !important;
    order:1 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
  }

  body.ajs-mobile-view-slideshow .player-layout > .player-main{
    order:2 !important;
    width:100% !important;
    max-width:100% !important;
  }

  /* Pasek sterowania MP3 ma pozostać */
  body.ajs-mobile-view-slideshow .mobile-player-controls,
  body.ajs-mobile-view-gramophone .mobile-player-controls{
    display:grid !important;
  }

  /* Slideshow / banner jako kwadrat 1:1 */
  body.ajs-mobile-view-slideshow .track-side > #banner{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:1 / 1 !important;
    height:auto !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 auto !important;
  }

  body.ajs-mobile-view-slideshow .slideshow-stage{
    display:block !important;
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:1 / 1 !important;
    height:auto !important;
    overflow:hidden !important;
    margin:0 auto !important;
  }

  body.ajs-mobile-view-slideshow .slideshow-stage > #banner,
  body.ajs-mobile-view-slideshow .slideshow-stage > .slideshow-overlay{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    aspect-ratio:auto !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  /* Własny mobilny slideshow */
  body.ajs-mobile-view-slideshow .ourmusic-mobile-slideshow{
    display:block !important;
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:1 / 1 !important;
    height:auto !important;
    overflow:hidden !important;
    margin:0 auto !important;
  }

  body.ajs-mobile-view-slideshow .ourmusic-mobile-slideshow img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  /* We wszystkich językach pokazuj ekran slideshow również przy id=gramophone i id=gramofon */
  body.ajs-mobile-view-slideshow #gramophone .track-side > #banner,
  body.ajs-mobile-view-slideshow #gramofon .track-side > #banner{
    display:block !important;
  }
}


/* AJS BLUE ODEON — Android v3
   Kolejność w trybie slideshow:
   [wybór widoku] -> [kwadrat slideshow] -> [PREV/PLAY/PAUSE/STOP/NEXT] -> [nazwa katalogowa]
*/
@media (max-width:900px){

  /* Pasek wyboru ma być łatwo dostępny tuż pod przyklejoną nawigacją. */
  .ajs-mobile-view-choice{
    position:sticky !important;
    top:var(--ajs-mobile-header-height,0px) !important;
    z-index:46 !important;
    margin:0 auto 8px !important;
    padding:6px !important;
    background:rgba(17,18,23,.98) !important;
    border:1px solid rgba(124,181,239,.28) !important;
    border-radius:10px !important;
  }

  /* Oszczędzamy wysokość ekranu — bez dodatkowego tekstu nad wyborem. */
  .ajs-mobile-view-note{
    display:none !important;
  }

  /* Kwadrat pozostaje 1:1, ale skaluje się do wysokości telefonu,
     aby pod nim zmieściły się także przyciski MP3 i nazwa katalogowa. */
  body.ajs-mobile-view-slideshow .player-layout > .track-side{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
  }

  body.ajs-mobile-view-slideshow .track-side > #banner,
  body.ajs-mobile-view-slideshow .slideshow-stage,
  body.ajs-mobile-view-slideshow .ourmusic-mobile-slideshow{
    width:100% !important;
    max-width:440px !important;
    aspect-ratio:1 / 1 !important;
    height:auto !important;
    margin:0 auto !important;
  }

  body.ajs-mobile-view-slideshow .player-layout > .track-side,
  body.ajs-mobile-view-slideshow .slideshow-stage,
  body.ajs-mobile-view-slideshow .ourmusic-mobile-slideshow{
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  /* Sterowanie MP3 dokładnie pod ekranem slideshow. */
  body.ajs-mobile-view-slideshow .mobile-player-controls{
    display:grid !important;
    width:100% !important;
    max-width:520px !important;
    margin:8px auto 0 !important;
    order:1 !important;
  }

  body.ajs-mobile-view-slideshow .track-info-under-slideshow,
  body.ajs-mobile-view-slideshow .track-meta{
    margin-top:4px !important;
    padding-top:4px !important;
    padding-bottom:0 !important;
    text-align:center !important;
  }

  /* Player-main zaczyna się od przycisków, bo gramofon jest w tym trybie ukryty. */
  body.ajs-mobile-view-slideshow .player-main{
    display:flex !important;
    flex-direction:column !important;
  }

  body.ajs-mobile-view-slideshow .player-main > .gramophone{
    display:none !important;
  }

  /* Jeżeli metadane są już w player-main, utrzymujemy je zaraz za przyciskami. */
  body.ajs-mobile-view-slideshow .player-main > .track-meta,
  body.ajs-mobile-view-slideshow .player-main > .track-info-under-slideshow{
    order:2 !important;
  }

  body.ajs-mobile-view-slideshow .player-main > .transport-row,
  body.ajs-mobile-view-slideshow .player-main > .progress{
    order:3 !important;
  }

  body.ajs-mobile-view-slideshow .player-main > .subcategory-picker,
  body.ajs-mobile-view-slideshow .player-main > .playlist-box,
  body.ajs-mobile-view-slideshow .player-main > .player-order{
    order:4 !important;
  }
}

/* AJS BLUEODEON: remove the technical player heading on Android only. */
@media (max-width:900px){
  #gramofon #pageTitle,
  #gramophone #pageTitle{
    display:none !important;
  }
}