/* shop-mood.css — "Shop by mood" (UW-29, includes/product-effects.php).
   The mood row on the shop page and the mood choices in the Filters panel,
   in the same greens and shapes as the .uwf-* Filters panel (upperweed.css). */

/* Filters panel: Relax / Energy / Evening chips (reuse .uwf-chip) */
.uwf-chip--mood i{font-style:normal;font-size:16px;line-height:1}
.uwf-note{margin:10px 0 0;color:#7d8b83;font-size:12.5px;line-height:1.45}

/* Shop page: the row of mood cards */
.mood-wrap{margin:4px 0 22px}
.mood-row{margin:0}
.mood-title{display:block;margin:0 0 10px;color:#637168;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.mood-chips{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px}
.mood-chips::-webkit-scrollbar{display:none}
.mood-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:8px 16px 8px 12px;border:1.5px solid #e3ebe5;border-radius:16px;background:#fff;color:#0c1611!important;text-decoration:none!important;transition:border-color .15s,background .15s,box-shadow .15s}
.mood-chip:hover{border-color:#1f9d47;box-shadow:0 4px 14px rgba(12,22,17,.06)}
.mood-chip.on{border-color:#1f9d47;background:#eefbf2}
.mood-chip:focus-visible{outline:2px solid #1f9d47;outline-offset:2px}
.mood-ic{font-size:22px;line-height:1}
.mood-tx b{display:block;font-size:15px;font-weight:800;line-height:1.2}
.mood-tx small{display:block;margin-top:2px;color:#637168;font-size:12px;line-height:1.25;white-space:nowrap}
.mood-n{margin-left:2px;padding:2px 8px;border-radius:999px;background:#f4f8f5;color:#637168;font-size:12px;font-style:normal;font-weight:700}
.mood-x{margin-left:4px;color:#146c35;font-size:20px;line-height:1}
.mood-note{margin:8px 0 0;color:#7d8b83;font-size:12px;line-height:1.45}
@media (max-width:600px){
  .mood-tx small{display:none}
  .mood-chip{min-height:46px;padding:7px 13px 7px 10px}
}