/* assets/css/spielboerse.css */
:root { --dgwx-primary:#20AE80; --dgwx-black:#000; --dgwx-white:#fff; }

/* ── Buttons ── */
.dgwx-spb-btn { background-color:var(--dgwx-primary)!important; border-color:var(--dgwx-primary)!important; color:var(--dgwx-white)!important; border-radius:.75rem; min-height:44px; }
.dgwx-spb-btn:hover { filter:brightness(.93); }

/* ── Badges ── */
.dgwx-badge { background-color:rgba(32,174,128,.12)!important; color:#20AE80!important; border:1px solid rgba(32,174,128,.35); white-space:normal; word-break:break-word; }
.dgwx-team-badge { background-color:#20AE80!important; color:#fff!important; font-size:1rem!important; font-weight:700!important; padding:0.6rem 1.1rem!important; border-radius:0.5rem!important; display:inline-block!important; text-transform:uppercase!important; letter-spacing:0.5px!important; box-shadow:0 2px 8px rgba(32,174,128,0.3)!important; word-break:break-word; white-space:normal; }

/* ── Cards ── */
.dgwx-spb-grid .card,
.dgwx-spb-details.card { border-radius:1rem; }
.dgwx-spb-card { border-radius:1rem; transition:box-shadow .2s ease, transform .15s ease; }
.dgwx-spb-card:hover { box-shadow:0 6px 24px rgba(0,0,0,.13)!important; transform:translateY(-2px); }

/* ── Grid layout ── */
.dgwx-spb-grid { row-gap:1rem !important; }

/* ── Filter bar ── */
.dgwx-spb-filter { border-radius:1rem; }
.dgwx-spb-filter .card-body { padding:1rem; }

/* ── Detail page ── */
.dgwx-spb-details .card-body { padding:1.5rem; }

/* ── Touch targets for all buttons inside grid/my list ── */
.dgwx-spb-grid .btn,
.dgwx-spb-my .btn { min-height:44px; }

/* ── Chat button: full width on mobile ── */
@media (max-width:575.98px) {
    .dgwx-spb-grid .card-body .dgwx-chat-btn,
    .dgwx-spb-grid .card-body a[class*="btn"] { width:100%; }
    .dgwx-spb-card .card-body { padding:.875rem; }
    .dgwx-spb-grid { row-gap:.75rem !important; }
    .dgwx-team-badge { font-size:.85rem!important; padding:0.4rem 0.75rem!important; }
    .dgwx-spb-details .card-body { padding:1rem; }
    .dgwx-spb-filter { border-radius:.75rem; }
}

/* ── My-list card header buttons stack nicely on very small screens ── */
@media (max-width:400px) {
    .dgwx-spb-my .card-body .d-flex.gap-2 { flex-direction:column; }
    .dgwx-spb-my .card-body .d-flex.gap-2 .btn { width:100%; }
}

/* Remove excessive inline padding-top from textareas/inputs inside the form */
#dgwx-spb-form .form-control { padding-top: 0.5rem !important; }

/* Quick-team modal: ensure header is light and close icon is always visible */
#dgwxSpbQuickTeamModal .modal-header { background: #fff; }
#dgwxSpbQuickTeamModal .btn-close { opacity: 1 !important; filter: none !important; }

/* Status update success message animation */
@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}