/* ============================================================
   [MARKET-UI 2026-06-12] css/v99-market-ui.css (claude-mktui-1)
   3 chantiers écran MARCHÉ :

   1. "Équipements du Jour" — l'en-tête (titre + refresh + bouton 💎)
      et la grille d'items sont deux enfants directs de #market-grid,
      qui est un .grid-3 affiché en display:grid
      (repeat(auto-fit, minmax(280px,1fr)) dans css/main.css:891).
      → l'en-tête devenait la CELLULE 1 (colonne gauche quasi vide)
      et la grille d'items la cellule 2 (colonne droite).
      Fix : les deux blocs (classes posées par renderEquipDaily,
      js/main.js) s'étalent sur TOUTES les colonnes : barre compacte
      en haut, grille pleine largeur dessous.

   2. (images des sorts : câblées côté JS — ACTIVE_SPELLS, js/main.js)

   3. Onglet BUFFS/Auras masqué : toutes ses cartes sont "En dév."
      (mortes). Le code du panneau (renderBuffsShop, COMBAT_BUFFS)
      reste intact — masquage CSS uniquement + redirect 'buffs'→'spells'
      dans showMarketTab (zéro régression).
   ============================================================ */

/* -- 1. Équipements du Jour : en-tête + grille sur toute la largeur -- */
#market-grid > .mx-equipdaily-head,
#market-grid > .mx-equipdaily-grid {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
}

/* Grille items : 3 colonnes desktop (style inline), 2 colonnes mobile */
@media (max-width: 640px) {
    #market-grid .mx-equipdaily-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
}

/* -- 3. Onglet + panneau Buffs/Auras masqués (code conservé) -- */
#tab-buffs,
#buffs-grid {
    display: none !important;
}