/* ==========================================================
   BuddySocial v10.30 - STREAM ORDER: BRAND FIRST
   Volgorde live-stream tab:
   1. Player Studio (2 kaarten)
   2. Live stationinfo
   3. Voorbeeldplayer
   4. Stream instellingen
   ========================================================== */

body[data-page="pimp_profile"] .stream-studio,
body[data-page="admin_pimp_profile"] .stream-studio{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  align-items:start !important;
}

/* 1. Player Studio bovenaan */
body[data-page="pimp_profile"] .stream-studio > .player-branding-studio,
body[data-page="admin_pimp_profile"] .stream-studio > .player-branding-studio{
  grid-column:1 !important;
  grid-row:1 !important;
  width:100% !important;
  margin:0 !important;
}

/* Binnen Player Studio: precies twee kaarten naast elkaar */
body[data-page="pimp_profile"] .player-branding-studio .player-studio-grid,
body[data-page="admin_pimp_profile"] .player-branding-studio .player-studio-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  align-items:start !important;
}

body[data-page="pimp_profile"] .player-branding-studio .player-studio-card,
body[data-page="admin_pimp_profile"] .player-branding-studio .player-studio-card{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}

/* 2. Live stationinfo */
body[data-page="pimp_profile"] .stream-studio > .stream-meta-card,
body[data-page="admin_pimp_profile"] .stream-studio > .stream-meta-card{
  grid-column:1 !important;
  grid-row:2 !important;
  width:100% !important;
  margin:0 !important;
}

/* 3. Voorbeeld gezamenlijke player */
body[data-page="pimp_profile"] .stream-studio > .integrated-stream-preview,
body[data-page="admin_pimp_profile"] .stream-studio > .integrated-stream-preview{
  grid-column:1 !important;
  grid-row:3 !important;
  width:100% !important;
  margin:0 !important;
}

/* 4. Stream instellingen onderaan */
body[data-page="pimp_profile"] .stream-studio > .stream-main-form,
body[data-page="admin_pimp_profile"] .stream-studio > .stream-main-form{
  grid-column:1 !important;
  grid-row:4 !important;
  width:100% !important;
  margin:0 !important;
}

/* Zorg dat eerdere open/dicht grid states deze volgorde niet meer overschrijven */
body[data-page="pimp_profile"] .stream-studio.stream-settings-collapsed,
body[data-page="pimp_profile"] .stream-studio.stream-settings-expanded,
body[data-page="admin_pimp_profile"] .stream-studio.stream-settings-collapsed,
body[data-page="admin_pimp_profile"] .stream-studio.stream-settings-expanded{
  grid-template-columns:1fr !important;
}

body[data-page="pimp_profile"] .stream-studio.stream-settings-collapsed > .player-branding-studio,
body[data-page="pimp_profile"] .stream-studio.stream-settings-expanded > .player-branding-studio,
body[data-page="admin_pimp_profile"] .stream-studio.stream-settings-collapsed > .player-branding-studio,
body[data-page="admin_pimp_profile"] .stream-studio.stream-settings-expanded > .player-branding-studio{
  grid-column:1 !important;
  grid-row:1 !important;
}

body[data-page="pimp_profile"] .stream-studio.stream-settings-collapsed > .stream-meta-card,
body[data-page="pimp_profile"] .stream-studio.stream-settings-expanded > .stream-meta-card,
body[data-page="admin_pimp_profile"] .stream-studio.stream-settings-collapsed > .stream-meta-card,
body[data-page="admin_pimp_profile"] .stream-studio.stream-settings-expanded > .stream-meta-card{
  grid-column:1 !important;
  grid-row:2 !important;
}

body[data-page="pimp_profile"] .stream-studio.stream-settings-collapsed > .integrated-stream-preview,
body[data-page="pimp_profile"] .stream-studio.stream-settings-expanded > .integrated-stream-preview,
body[data-page="admin_pimp_profile"] .stream-studio.stream-settings-collapsed > .integrated-stream-preview,
body[data-page="admin_pimp_profile"] .stream-studio.stream-settings-expanded > .integrated-stream-preview{
  grid-column:1 !important;
  grid-row:3 !important;
}

body[data-page="pimp_profile"] .stream-studio.stream-settings-collapsed > .stream-main-form,
body[data-page="pimp_profile"] .stream-studio.stream-settings-expanded > .stream-main-form,
body[data-page="admin_pimp_profile"] .stream-studio.stream-settings-collapsed > .stream-main-form,
body[data-page="admin_pimp_profile"] .stream-studio.stream-settings-expanded > .stream-main-form{
  grid-column:1 !important;
  grid-row:4 !important;
}

/* Live info mooier breed over één rij */
body[data-page="pimp_profile"] .stream-meta-card .stream-meta-grid,
body[data-page="admin_pimp_profile"] .stream-meta-card .stream-meta-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

/* Player blijft gecentreerd */
body[data-page="pimp_profile"] .integrated-stream-preview .profile-player,
body[data-page="admin_pimp_profile"] .integrated-stream-preview .profile-player{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Mobiel: twee bovenste kaarten onder elkaar */
@media(max-width:780px){
  body[data-page="pimp_profile"] .player-branding-studio .player-studio-grid,
  body[data-page="admin_pimp_profile"] .player-branding-studio .player-studio-grid{
    grid-template-columns:1fr !important;
  }

  body[data-page="pimp_profile"] .stream-meta-card .stream-meta-grid,
  body[data-page="admin_pimp_profile"] .stream-meta-card .stream-meta-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:520px){
  body[data-page="pimp_profile"] .stream-meta-card .stream-meta-grid,
  body[data-page="admin_pimp_profile"] .stream-meta-card .stream-meta-grid{
    grid-template-columns:1fr !important;
  }
}