/* /public_html/assets/css/dashboard-gala.css */

/* ===== GALA PANEL ===== */

.gala-panel-layout {
    display: grid;
    grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
    gap: 1.5rem;
    margin-top: 1.5rem;
}

@media (max-width: 820px) {
    .gala-panel-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

.gala-panel-column-title {
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.75rem;
    color: var(--theme-text-muted);
}

/* Carte gala dans la colonne de gauche */

.gala-card {
    --card-glow-color: var(--color-accent);
    --card-activation-color: var(--color-accent);
}

.gala-card.is-selected {
    box-shadow: 0 0 0 2px var(--theme-primary);
}

/* Badge "Actif" */

.gala-active-badge {
    padding: 0.1rem 0.6rem;
    border-radius: 999px;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background: rgba(52, 211, 153, 0.12);
    color: #6ee7b7;
    border: 1px solid rgba(45, 212, 191, 0.5);
}

/* Chorégraphies dans la colonne de droite */

.gala-choreo-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.gala-choreo-order {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.gala-choreo-order-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.6);
    font-weight: 700;
}

.gala-choreo-course-line1 {
    font-weight: 600;
    font-size: 0.9rem;
}

.gala-choreo-course-line2 {
    font-size: 0.8rem;
    color: var(--theme-text-muted);
}

.gala-choreo-title,
.gala-choreo-music {
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.gala-choreo-title-label,
.gala-choreo-music-label {
    font-weight: 600;
    margin-right: 0.25rem;
}

.gala-choreo-actions .btn-small {
    padding: 0.25rem 0.4rem;
    font-size: 0.8rem;
}

.assoc-block-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.assoc-block-head-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.assoc-block-title{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.gc-popover-searchwrap .gc-search-clear{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:8px;
  border-radius:999px;
}

/* Espacement entre les cartes Galas (liste à gauche) */
.gala-events-list{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Optionnel: évite que des margins internes fassent double-espacement */
.gala-events-list .gala-card{
  margin: 0;
}

/* ==========================
   Gala panel : grid 2 colonnes desktop
   ========================== */

.gala-events-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

@media (min-width: 920px){
  .gala-events-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }
}

/* évite des cartes qui s’étirent bizarrement */
.gala-events-grid .gala-card{
  height: fit-content;
}

/* ==========================
   Gala card : barre proportions styles
   ========================== */

.gala-style-bar{
  margin-top: 10px;
  height: 20px;
  border-radius: 999px;
  overflow: hidden;
  display: flex;
  border: 1px solid var(--color-border-subtle);
  background: color-mix(in srgb, var(--color-surface) 70%, transparent);
}

.gala-style-bar .gala-style-seg{
  height: 100%;
  display: block;
}