/* Styles for studios pages: hero, cards, gallery lightbox */
.studio-hero { position: relative; border-radius: .25rem; overflow: hidden; }
.studio-hero-overlay { color: #fff; }
.studio-card .card-footer { background: #fff; }
.studio-card .badge { font-size: .7rem; }
.audio-row input[type=file] { display: block; }

/* Lightbox */
.studio-lightbox-backdrop { position: fixed; inset:0; background: rgba(0,0,0,0.8); display:flex; align-items:center; justify-content:center; z-index:1050; }
.studio-lightbox img { max-width:90%; max-height:90%; border-radius:.25rem; }

/* Equipment card */
.border.p-2 img { max-width:100%; height:80px; object-fit:cover; }

@media (max-width:767px){
  .studio-hero { height:200px !important; }
}

/* ===== COMPACT GALLERY (GRID, MULTI-ROW) ===== */
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:.5rem;
}
@media (min-width:576px){ .gallery-grid{grid-template-columns:repeat(3, 1fr);} }
@media (min-width:768px){ .gallery-grid{grid-template-columns:repeat(4, 1fr);} }
@media (min-width:992px){ .gallery-grid{grid-template-columns:repeat(5, 1fr);} }
.gcell{
  position:relative; border:1px solid rgba(229,231,235,1); border-radius:.55rem; overflow:hidden; background:#0b1220;
  cursor:pointer; aspect-ratio:4/3;
}
.gcell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease;}
.gcell:hover img{transform:scale(1.04);}
.gcell::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none;}
.gcell__badge{position:absolute;right:.35rem;bottom:.35rem;background:rgba(0,0,0,.6);color:#fff;border-radius:.4rem;padding:.05rem .35rem;font-size:.7rem}

/* ===== LIGHTBOX (fix: nav on top) ===== */
.lb{position:fixed;inset:0;z-index:1080;display:none;background:rgba(2,6,23,.96);color:#fff;}
.lb__topbar{position:absolute;top:.5rem;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;z-index:4;}
.lb__btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.32);color:#fff;border-radius:999px;padding:.45rem .7rem;cursor:pointer;font-size:.95rem;backdrop-filter:blur(3px);}
.lb__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;pointer-events:auto;}
.lb__prev{left:.75rem;} .lb__next{right:.75rem;}
.lb__stage{position:absolute;inset:0;display:grid;grid-template-rows: 1fr auto;gap:.4rem;padding:.75rem;align-items:center;justify-items:center;z-index:1;}
.lb__img{max-width:88vw;max-height:74vh;border-radius:.6rem;box-shadow:0 16px 42px rgba(0,0,0,.6)}
.lb__caption{max-width:88vw;text-align:center;font-size:.9rem;color:#d1d5db;padding:.2rem .75rem}
.lb__thumbs{width:min(900px,92vw);display:flex;gap:.35rem;overflow:auto;padding:.2rem .4rem;margin:0 auto;z-index:2;}
.lb__thumb{flex:0 0 auto;width:72px;height:52px;border-radius:.4rem;overflow:hidden;opacity:.7;border:2px solid transparent;cursor:pointer;}
.lb__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.lb__thumb.active{opacity:1;border-color:#fff}

/* Force audio player and playlist visibility */
#studioPlayer{width:100% !important;min-height:34px;max-height:80px;display:block}
#studioPlaylist{display:block !important;margin-top:.5rem}
.studio-track-row{display:flex;align-items:center;justify-content:space-between}
.studio-track-row .playTrackBtn{display:inline-block}
.existing-track-row audio{width:100%;min-height:32px}
.studio-track-row audio{width:100%;min-height:32px}

/* Playlist styling */
.playlist .studio-track-row{background:linear-gradient(90deg,#ffffff, #f3f4f6);border:1px solid rgba(0,0,0,.06);} 
.playlist .studio-track-row .playTrackBtn{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0}
.playlist .studio-track-row .playTrackBtn i{font-size:14px}
.playlist .track-info .track-title{color:#111827}
.playlist .track-source{color:rgba(0,0,0,.55)}
.playlist .studio-track-row:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(2,6,23,.5)}
.playlist .studio-track-row{transition:all .18s ease}