/* ================================================================
   DAV STRAINS WORKROOM — mood-selector.css  v2.0
   Upload to: assets/css/mood-selector.css
   ================================================================ */

/* ── Upgraded wrapper ── */
.dav-mood-upgraded { width: 100%; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }

/* ── Header ── */
.dav-mood-header { padding: 0 0 12px; border-bottom: 1px solid rgba(255,255,255,.10); margin-bottom: 12px; }
.dav-mood-title  { font-size: 14px; font-weight: 700; color: #fff; margin: 0 0 4px; letter-spacing: -.01em; }
.dav-mood-subtitle { font-size: 11px; color: rgba(255,255,255,.38); margin: 0; line-height: 1.55; }

/* ── Tabs ── */
.dav-mood-tabs { display: flex; gap: 6px; margin-bottom: 12px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; }
.dav-mood-tabs::-webkit-scrollbar { display: none; }

.dav-mood-tab {
  flex-shrink: 0; font-size: 12px; font-weight: 600; font-family: inherit;
  color: rgba(255,255,255,.45); background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.09); border-radius: 999px;
  padding: 7px 16px; cursor: pointer;
  transition: background .15s, color .15s, border-color .15s; letter-spacing: .01em;
}
.dav-mood-tab:hover { background: rgba(255,255,255,.11); color: rgba(255,255,255,.75); }
.dav-mood-tab--active { background: #d2a03b !important; color: #070B18 !important; border-color: #d2a03b !important; font-weight: 700; }

/* ── Panels ── */
.dav-mood-panel { display: none; }
.dav-mood-panel--active { display: block; }

/* ── Chip grid ── */
.dav-mood-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px;
}
@media (min-width: 380px) { .dav-mood-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 560px) { .dav-mood-grid { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 860px) { .dav-mood-grid { grid-template-columns: repeat(5, 1fr); } }

/* ── Chip ── */
.dav-mood-chip {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 5px; padding: 10px 6px; background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09); border-radius: 12px; cursor: pointer;
  font-family: inherit; text-align: center; min-height: 58px;
  transition: background .15s, border-color .15s, transform .12s;
}
.dav-mood-chip:hover { background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.18); transform: translateY(-1px); }
.dav-mood-chip--active { background: rgba(210,160,59,.15) !important; border-color: #d2a03b !important; }

.dav-mood-icon  { font-size: 16px; line-height: 1; display: block; }
.dav-mood-label { font-size: 10px; font-weight: 600; color: rgba(255,255,255,.58); line-height: 1.3; letter-spacing: .01em; }
.dav-mood-chip--active .dav-mood-label { color: #d2a03b; }