/* Contest-specific styles, harmonized with index.css */

body[data-contest-active="true"] .container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 28px;
}

/* Column container adopts the theme's column-wrapper look */
body[data-contest-active="true"] .column {
  width: 300px;
  background: linear-gradient(145deg, #30333b, #25272d);
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.35), 0 0 0 1px rgba(255,255,255,0.05) inset;
  display: flex;
  flex-direction: column;
}

body[data-contest-active="true"] .loot-title {
  font-weight: 700;
  background: #333;
  color: #f3f3f3;
  padding: 8px 10px;
  border-radius: 8px 8px 0 0;
  border: 1px solid #444;
  margin-bottom: 6px;
  text-align: center;
  letter-spacing: .3px;
}

/* Per-loot actions row */
/* .loot-actions supprimé */

/* Dropzone area styled like columns */
body[data-contest-active="true"] .dropzone {
  padding: 10px 10px 6px;
  min-height: 220px;
  background: rgba(255,255,255,0.04);
  border-radius: 0 0 8px 8px;
  border: 1px dashed rgba(255,255,255,0.18);
}
body[data-contest-active="true"] .dropzone.over {
  background-color: rgba(100,180,255,0.15);
  border-color: #5ab4ff;
}

/* Per-class background tints (subtle overlays on top of theme .item) */
/* Warrior */
body[data-contest-active="true"] .item[class*="guerrier"] { background: linear-gradient(135deg, rgba(199,156,110,0.22), rgba(199,156,110,0.10)); border-left: 3px solid rgba(199,156,110,0.55); }
/* Rogue */
body[data-contest-active="true"] .item[class*="voleur"] { background: linear-gradient(135deg, rgba(255,245,105,0.20), rgba(255,245,105,0.08)); border-left: 3px solid rgba(255,245,105,0.50); color: #fff; }
/* Hunter */
body[data-contest-active="true"] .item[class*="chasseur"] { background: linear-gradient(135deg, rgba(171,212,115,0.22), rgba(171,212,115,0.10)); border-left: 3px solid rgba(171,212,115,0.55); }
/* Shaman (incl. chamelio shorthand) */
body[data-contest-active="true"] .item[class*="chaman"],
body[data-contest-active="true"] .item[class*="chamelio"] { background: linear-gradient(135deg, rgba(0,112,222,0.22), rgba(0,112,222,0.10)); border-left: 3px solid rgba(0,112,222,0.55); }
/* Priest */
body[data-contest-active="true"] .item[class*="pretre"] { background: linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0.06)); border-left: 3px solid rgba(255,255,255,0.45); color: #eee; }
/* Shadow Priest overrides (darker neutral) */
body[data-contest-active="true"] .item[class*="pretreombre"] { background: linear-gradient(135deg, rgba(128,128,128,0.22), rgba(128,128,128,0.10)); border-left: 3px solid rgba(128,128,128,0.55); }
/* Druid + Feral */
body[data-contest-active="true"] .item[class*="druide"],
body[data-contest-active="true"] .item[class*="feral"] { background: linear-gradient(135deg, rgba(255,125,10,0.22), rgba(255,125,10,0.10)); border-left: 3px solid rgba(255,125,10,0.55); }
/* Mage */
body[data-contest-active="true"] .item[class*="mage"] { background: linear-gradient(135deg, rgba(105,204,240,0.22), rgba(105,204,240,0.10)); border-left: 3px solid rgba(105,204,240,0.55); }
/* Warlock */
body[data-contest-active="true"] .item[class*="demoniste"] { background: linear-gradient(135deg, rgba(148,130,201,0.22), rgba(148,130,201,0.10)); border-left: 3px solid rgba(148,130,201,0.55); }

/* Soften legacy *gold visual classes; badge G provides emphasis */
body[data-contest-active="true"] .item[class$="gold"] { outline: 1px solid rgba(255,215,0,0.25); box-shadow: 0 0 4px rgba(255,215,0,0.35); animation: none; }

/* Toolbar search input override to match dark theme */
body[data-contest-active="true"] .loot-search { padding:8px 10px; border:1px solid #444; border-radius:6px; min-width:260px; background:#2b2d31; color:#eee; }

/* Responsive */
@media (max-width: 900px) {
  body[data-contest-active="true"] .column { width: 45%; }
}
@media (max-width: 600px) {
  body[data-contest-active="true"] .column { width: 90%; }
}

/* Phase segmentation */
body[data-contest-active="true"] .phase-card {
  margin: 24px 0 36px;
  padding: 14px 14px 18px;
  border-radius: 14px;
  background: linear-gradient(145deg, #2b2d33, #23252a);
  border: 1px solid #3a3d42;
  box-shadow: 0 8px 22px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.04) inset;
}
body[data-contest-active="true"] .phase-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 4px 10px;
  border-bottom: 1px dashed #444a;
  margin-bottom: 12px;
}
body[data-contest-active="true"] .phase-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .4px;
}
body[data-contest-active="true"] .phase-body {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}