/* =========================================================
   JMIX — SC@LPA Clean CSS
   ========================================================= */

/* Wrapper */
.jmix-wrapper {
  min-height: 200px;
}

/* =========================
   CLICK MODE
   ========================= */

#SegmentDiv .ExSegment {
  display: inline-block;
  margin: 6px;
  padding: 8px 14px;
  background: var(--strExBGColor, #ffffff);
  border: 1px solid #dee2e6;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

#SegmentDiv .ExSegment:hover {
  background: var(--bs-primary);
  color: #fff;
}

#GuessDiv {
  min-height: 50px;
  background: #fff;
  border-radius: 6px;
}

/* =========================
   DRAG MODE
   ========================= */

#JMIX_DragRoot {
  min-height: 250px;
}

/* Drop lines */
.DropLine {
  position: absolute;
  height: 40px;
  border-bottom: 2px dashed #adb5bd;
}

/* Cards */
.CardStyle {
  position: absolute;
  padding: 8px 14px;
  background: var(--strExBGColor, #ffffff);
  border: 1px solid #dee2e6;
  border-radius: 6px;
  cursor: move;
  white-space: nowrap;
  user-select: none;
  transition: box-shadow 0.2s ease;
}

.CardStyle:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* =========================
   Feedback
   ========================= */

.Feedback {
  display: none;
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  z-index: 2000;
  max-width: 500px;
  width: 90%;
}

#FeedbackContent {
  font-size: 1.1rem;
}

/* =========================
   Prevent footer overlap
   ========================= */

.exo-jmix-container {
  margin-bottom: 60px;
}