/* themes.css — Product-type themes (hash / extract), scrollbars, wide-screen rules, micro-interactions. */

/* ── PRODUCT TYPE THEMES (page content only, nav/banner/other pages unchanged) ── */
body.theme-hash #page-discover,
body.theme-hash #page-browse,
body.theme-hash #page-wishlist,
body.theme-hash #page-journal{--green:#d4a843;--green2:#a07830;}
body.theme-extract #page-discover,
body.theme-extract #page-browse,
body.theme-extract #page-wishlist,
body.theme-extract #page-journal{--green:#c8c840;--green2:#888820;}
/* Fix elements that use hardcoded rgba green values */
body.theme-hash #page-discover .save-btn.saved,
body.theme-hash #page-browse .save-btn.saved{background:rgba(212,168,67,.12);}
body.theme-hash #page-journal .jcard.submitted{box-shadow:0 0 0 1px #d4a843,var(--shadow-sm);}
body.theme-extract #page-discover .save-btn.saved,
body.theme-extract #page-browse .save-btn.saved{background:rgba(200,200,64,.12);}
body.theme-extract #page-journal .jcard.submitted{box-shadow:0 0 0 1px #c8c840,var(--shadow-sm);}
/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;}
::-webkit-scrollbar-thumb:hover{background:var(--muted);}
/* ── WIDE SCREEN LAYOUTS ── */
@media(min-width:1100px) {
  /* ── WIDE SCREEN LAYOUTS ── */
  #journal-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start;}
}
/* ── MICRO-INTERACTIONS ── */
.save-btn:active,
.exp-chip:active {transform:scale(.97);}
.rstar:active{transform:scale(1.4);}
.card:hover{border-color:rgba(82,196,90,.3);box-shadow:var(--shadow-md);}
.card.top:hover{border-color:var(--gold);box-shadow:0 6px 24px rgba(212,168,67,.2);}
.jcard:hover{border-color:rgba(82,196,90,.25);}
.jcard.submitted:hover{border-color:var(--green);}