/* ============================================================ */
/*  Cromos — app.css                                              */
/* ============================================================ */

body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }

.sticker-grid { --gap: .5rem; }

.sticker-card {
  cursor: pointer;
  transition: transform .08s ease, box-shadow .12s ease, border-color .12s ease;
  border: 1px solid var(--bs-border-color);
  user-select: none;
}
.sticker-card:hover { transform: translateY(-1px); box-shadow: 0 .25rem .5rem rgba(0,0,0,.06); }
.sticker-card.owned   { border-color: var(--bs-success); background: rgba(25,135,84,.08); }
.sticker-card.missing { opacity: .65; }
.sticker-card.busy    { opacity: .5; pointer-events: none; }

.sticker-number { font-weight: 700; font-size: .85rem; color: var(--bs-secondary-color); }
.sticker-title  { font-size: .8rem; line-height: 1.1; }

.repeats-row .btn { line-height: 1; min-width: 28px; }
.repeats-row .rep-count { min-width: 28px; text-align: center; }

.group-card, .collection-card {
  transition: transform .08s ease, box-shadow .12s ease;
  color: inherit;
}
.group-card:hover, .collection-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 .35rem .8rem rgba(0,0,0,.08);
}

/* dashed border for "add new" tile in admin */
.border-dashed { border-style: dashed !important; }

/* custom header/footer wrappers (admin-controlled HTML) */
.custom-header,
.custom-footer { background: var(--bs-tertiary-bg); }
.custom-header { padding: .75rem 0; border-bottom: 1px solid var(--bs-border-color); }
.custom-footer { padding: 1.25rem 0; border-top: 1px solid var(--bs-border-color); margin-top: 2rem; }
.custom-header > *, .custom-footer > * { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }

/* admin sidebar tighter on mobile */
@media (max-width: 767.98px) {
  .list-group.sticky-top { position: static; }
}

/* ---- Dark mode: botones primarios en lila ---- */
[data-bs-theme="dark"] .btn-primary {
  --bs-btn-bg: #9b59b6;
  --bs-btn-border-color: #9b59b6;
  --bs-btn-hover-bg: #8e44ad;
  --bs-btn-hover-border-color: #8e44ad;
  --bs-btn-active-bg: #7d3c98;
  --bs-btn-active-border-color: #7d3c98;
  --bs-btn-disabled-bg: #9b59b6;
  --bs-btn-disabled-border-color: #9b59b6;
}
[data-bs-theme="dark"] .btn-outline-primary {
  --bs-btn-color: #bb86fc;
  --bs-btn-border-color: #bb86fc;
  --bs-btn-hover-bg: #bb86fc;
  --bs-btn-hover-border-color: #bb86fc;
  --bs-btn-hover-color: #121212;
  --bs-btn-active-bg: #9b59b6;
  --bs-btn-active-border-color: #9b59b6;
  --bs-btn-active-color: #fff;
}
/* Links también con toque lila en dark mode */
[data-bs-theme="dark"] a:not(.btn):not(.nav-link):not(.list-group-item):not(.dropdown-item) {
  color: #bb86fc;
}
[data-bs-theme="dark"] a:not(.btn):not(.nav-link):not(.list-group-item):not(.dropdown-item):hover {
  color: #d4b3ff;
}

/* home welcome block */
.home-welcome { background: var(--bs-tertiary-bg); border-radius: .5rem; padding: 1.5rem; }