/* WeSearch overlay + magazine chrome.
   Tokens only. Press lockup / rail / dock are owned elsewhere. */

/* ---------- Shared overlay surfaces ---------- */
#settings-drawer,
#comments-drawer,
#share-sheet,
#notif-panel,
#bottom-nav-sheet,
#search-suggest,
#toast,
#tour-panel,
.tour-panel {
  color: var(--ws-text);
}

#settings-drawer > div:last-child,
#comments-drawer .drawer-panel,
#share-sheet .bg-panel,
#notif-panel,
#bottom-nav-sheet .bns-card,
#search-suggest,
#toast,
#tour-panel,
.tour-panel {
  background: var(--ws-surface) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

/* ---------- Settings drawer ---------- */
#settings-drawer h2,
#settings-drawer #settings-title,
#settings-drawer #settings-account,
#settings-drawer [style*="color:#ECEDEF"],
#settings-drawer [style*="color: #ECEDEF"] {
  color: var(--ws-text) !important;
}

#settings-drawer .text-mute,
#settings-drawer [class*="text-mute"],
#settings-drawer [data-close],
#settings-drawer p,
#settings-drawer label {
  color: var(--ws-muted) !important;
}

#settings-drawer .text-cream,
#settings-drawer [class*="text-cream"],
#settings-drawer strong[style*="color:#ECEDEF"],
#settings-drawer strong[style*="color: #ECEDEF"] {
  color: var(--ws-text) !important;
}

#settings-drawer [class*="border-line"],
#settings-drawer .border-line,
#settings-drawer .border-t,
#settings-drawer .border-b,
#settings-drawer .border-l {
  border-color: var(--ws-line) !important;
}

#settings-drawer .theme-btn,
#settings-drawer .theme-toggle,
#settings-drawer .cat-toggle {
  background: var(--ws-surface-raised) !important;
  color: var(--ws-text) !important;
  border: 1px solid var(--ws-line) !important;
}

#settings-drawer .theme-btn .text-mute,
#settings-drawer .theme-toggle .text-mute,
#settings-drawer .theme-btn [class*="text-mute"],
#settings-drawer .theme-toggle [class*="text-mute"] {
  color: var(--ws-muted) !important;
}

#settings-drawer .theme-btn[aria-pressed="true"],
#settings-drawer .theme-btn.is-on,
#settings-drawer .theme-toggle[aria-pressed="true"],
#settings-drawer .cat-toggle[aria-pressed="true"] {
  background: color-mix(in srgb, var(--ws-accent) 12%, var(--ws-surface)) !important;
  border-color: var(--ws-accent) !important;
  color: var(--ws-text) !important;
}

#settings-reset {
  background: transparent !important;
  color: var(--ws-muted) !important;
  border: 1px solid var(--ws-line) !important;
}

#settings-reset:hover {
  color: var(--ws-text) !important;
  border-color: var(--ws-accent) !important;
}

#settings-drawer [data-close]:hover {
  color: var(--ws-text) !important;
}

/* ---------- Comments drawer ---------- */
#comments-drawer .drawer-panel {
  background: var(--ws-surface) !important;
  border-left-color: var(--ws-line) !important;
}

#comments-drawer #comments-drawer-title,
#comments-drawer .text-mute,
#comments-drawer [class*="text-mute"],
#comments-drawer [data-close],
#comments-drawer .sort-btn,
#comments-drawer .comment .when,
#comments-drawer .comment .replying-to,
#comments-drawer #gif-status {
  color: var(--ws-muted) !important;
}

#comments-drawer #drawer-link,
#comments-drawer .text-cream,
#comments-drawer [class*="text-cream"],
#comments-drawer .comment .handle,
#comments-drawer .comment .body {
  color: var(--ws-text) !important;
}

#comments-drawer .border-b,
#comments-drawer .border-t,
#comments-drawer [class*="border-line"],
#comments-drawer #drawer-form,
#comments-drawer .comment {
  border-color: var(--ws-line) !important;
}

#comments-drawer .sort-btn:hover,
#comments-drawer [data-close]:hover,
#comments-drawer #gif-close:hover {
  color: var(--ws-text) !important;
}

#comments-drawer .sort-btn.active {
  color: var(--ws-accent) !important;
}

#comments-drawer .gif-panel {
  background: var(--ws-bg) !important;
  border-color: var(--ws-line) !important;
}

#comments-drawer #gif-search,
#comments-drawer #drawer-input {
  background: var(--ws-bg) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

#comments-drawer .comment .body img.gif {
  background: var(--ws-bg) !important;
  border-color: var(--ws-line) !important;
}

#comments-drawer .reply-link,
#comments-drawer .delete-link,
#comments-drawer .like-link,
#comments-drawer .reply-pill button {
  color: var(--ws-muted) !important;
}

#comments-drawer .reply-link:hover,
#comments-drawer .delete-link:hover,
#comments-drawer .like-link:hover,
#comments-drawer .reply-pill button:hover {
  color: var(--ws-text) !important;
}

/* ---------- Share sheet ---------- */
#share-sheet h2,
#share-sheet #share-sheet-title,
#share-sheet .share-tile {
  color: var(--ws-text) !important;
}

#share-sheet .text-mute,
#share-sheet [class*="text-mute"],
#share-sheet [data-share-close],
#share-sheet #share-target-title,
#share-sheet #share-target-url {
  color: var(--ws-muted) !important;
}

#share-sheet [data-share-close]:hover {
  color: var(--ws-text) !important;
}

#share-sheet .share-tile {
  background: var(--ws-surface-raised) !important;
  border-color: var(--ws-line) !important;
}

#share-sheet .share-tile:hover {
  border-color: var(--ws-accent) !important;
}

/* ---------- Notifications ---------- */
#notif-panel .head,
#notif-panel .foot {
  border-color: var(--ws-line) !important;
}

#notif-panel .head .title,
#notif-panel .row-title,
#notif-panel .foot .notif-status strong {
  color: var(--ws-text) !important;
}

#notif-panel .head .icon-btn {
  background: transparent !important;
  color: var(--ws-muted) !important;
  border-color: var(--ws-line) !important;
}

#notif-panel .head .icon-btn:hover {
  color: var(--ws-text) !important;
  border-color: var(--ws-accent) !important;
}

#notif-panel .row-text,
#notif-panel .when,
#notif-panel .empty,
#notif-panel .foot .notif-status {
  color: var(--ws-muted) !important;
}

#notif-panel .notif-row {
  border-color: color-mix(in srgb, var(--ws-line) 70%, transparent) !important;
  color: var(--ws-text) !important;
}

/* ---------- Bottom-nav sheet ---------- */
#bottom-nav-sheet .bns-card {
  background: var(--ws-bg) !important;
  border-top-color: var(--ws-line) !important;
  color: var(--ws-text) !important;
}

#bottom-nav-sheet .bns-card [style*="color:#ECEDEF"],
#bottom-nav-sheet .bns-card [style*="color: #ECEDEF"] {
  color: var(--ws-text) !important;
}

#bottom-nav-sheet #bns-close,
#bottom-nav-sheet .bns-card [style*="color:#9CA0AB"],
#bottom-nav-sheet .bns-card [style*="color: #9CA0AB"],
#bottom-nav-sheet .bns-card [style*="color:var(--ws-muted"] {
  color: var(--ws-muted) !important;
}

#bottom-nav-sheet .bns-item {
  background: var(--ws-surface) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

#bottom-nav-sheet .bns-item:hover,
#bottom-nav-sheet .bns-item:active {
  background: var(--ws-surface-raised) !important;
  border-color: var(--ws-accent) !important;
}

#bottom-nav-sheet .bns-item .icn {
  color: var(--ws-muted) !important;
}

#bottom-nav-sheet .bns-donate .icn {
  color: var(--ws-accent) !important;
}

/* ---------- Search suggest ---------- */
#search-suggest {
  background: var(--ws-surface) !important;
  border: 1px solid var(--ws-line) !important;
  color: var(--ws-text) !important;
}

#search-suggest .ss-item {
  border-bottom-color: color-mix(in srgb, var(--ws-line) 70%, transparent) !important;
  color: var(--ws-text) !important;
}

#search-suggest .ss-title,
#search-suggest mark {
  color: var(--ws-text) !important;
}

#search-suggest .ss-kicker,
#search-suggest .ss-footer {
  color: var(--ws-accent) !important;
}

#search-suggest .ss-time,
#search-suggest .ss-empty,
#search-suggest .ss-loading {
  color: var(--ws-muted) !important;
}

#search-form::after {
  background: var(--ws-bg) !important;
  color: var(--ws-muted) !important;
  border-color: var(--ws-line) !important;
}

/* ---------- Toast + tour ---------- */
#toast {
  background: var(--ws-surface) !important;
  color: var(--ws-text) !important;
  border: 1px solid var(--ws-line) !important;
}

#push-toast-host > a {
  background: var(--ws-surface) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

.tour-panel,
#tour-panel {
  background: var(--ws-surface) !important;
  color: var(--ws-text) !important;
  border-color: color-mix(in srgb, var(--ws-accent) 40%, var(--ws-line)) !important;
}

.tour-panel h2,
#tour-panel h2 {
  color: var(--ws-text) !important;
}

.tour-panel p,
#tour-panel p {
  color: var(--ws-text-soft) !important;
}

#tour-skip,
#tour-panel .text-mute,
#tour-panel [class*="text-mute"] {
  color: var(--ws-muted) !important;
}

#tour-skip:hover {
  color: var(--ws-text) !important;
}

#tour-back-btn {
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

.tour-dot {
  background: color-mix(in srgb, var(--ws-muted) 35%, transparent) !important;
}

.tour-dot.active {
  background: var(--ws-accent) !important;
}

/* ---------- Magazine cards (not press sheet) ---------- */
html[data-layout="magazine"] .ed-card,
html[data-layout="magazine"] .feed-magazine .ed-card {
  background: var(--ws-surface) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

html[data-layout="magazine"] .ed-card.hero {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-layout="magazine"] .ed-card .ed-title,
html[data-layout="magazine"] .ed-title {
  color: var(--ws-text) !important;
}

html[data-layout="magazine"] .ed-card .ed-excerpt,
html[data-layout="magazine"] .ed-excerpt,
html[data-layout="magazine"] .ed-excerpt-base {
  color: var(--ws-text-soft) !important;
}

html[data-layout="magazine"] .ed-card .ed-meta,
html[data-layout="magazine"] .ed-meta,
html[data-layout="magazine"] .tc-source {
  color: var(--ws-muted) !important;
}

html[data-layout="magazine"] .ed-card:hover .ed-source {
  color: var(--ws-text) !important;
}

html[data-layout="magazine"] .thumb-wrap,
html[data-layout="magazine"] .thumb {
  background: var(--ws-surface-raised) !important;
}

/* ---------- Story + drawer react strips ---------- */
.react-strip .react-btn,
.react-strip .discuss-btn,
.react-strip .bookmark-btn,
.reaction-btn,
#comments-drawer .react-btn,
#thread .reaction-btn,
article .reaction-btn {
  color: var(--ws-muted) !important;
  border-color: color-mix(in srgb, var(--ws-muted) 28%, transparent) !important;
  background: color-mix(in srgb, var(--ws-muted) 10%, transparent) !important;
}

.react-strip .react-btn:hover,
.react-strip .discuss-btn:hover,
.react-strip .bookmark-btn:hover,
.reaction-btn:hover,
#thread .reaction-btn:hover {
  color: var(--ws-text) !important;
  border-color: color-mix(in srgb, var(--ws-accent) 45%, transparent) !important;
}

.react-btn.mine,
.reaction-btn.on,
.bookmark-btn.saved {
  color: var(--ws-accent) !important;
  border-color: color-mix(in srgb, var(--ws-accent) 50%, transparent) !important;
}

/* ---------- Inline hex leaks (light + journalist only) ---------- */
html[data-theme="light"] #settings-drawer [style*="background:#0E0F12"],
html[data-theme="light"] #settings-drawer [style*="background: #0E0F12"],
html[data-theme="light"] #comments-drawer [style*="background:#0E0F12"],
html[data-theme="light"] #comments-drawer [style*="background: #0E0F12"],
html[data-theme="light"] #share-sheet [style*="background:#0E0F12"],
html[data-theme="light"] #notif-panel [style*="background:#0E0F12"],
html[data-theme="light"] #bottom-nav-sheet [style*="background:#0E0F12"],
html[data-theme="light"] #search-suggest[style*="background:#0E0F12"],
html[data-theme="light"] #search-suggest[style*="background: #0E0F12"],
html[data-theme="journalist"] #settings-drawer [style*="background:#0E0F12"],
html[data-theme="journalist"] #settings-drawer [style*="background: #0E0F12"],
html[data-theme="journalist"] #comments-drawer [style*="background:#0E0F12"],
html[data-theme="journalist"] #comments-drawer [style*="background: #0E0F12"],
html[data-theme="journalist"] #share-sheet [style*="background:#0E0F12"],
html[data-theme="journalist"] #notif-panel [style*="background:#0E0F12"],
html[data-theme="journalist"] #bottom-nav-sheet [style*="background:#0E0F12"],
html[data-theme="journalist"] #search-suggest[style*="background:#0E0F12"],
html[data-theme="journalist"] #search-suggest[style*="background: #0E0F12"] {
  background-color: var(--ws-bg) !important;
}

html[data-theme="light"] #settings-drawer [style*="background:#16181D"],
html[data-theme="light"] #settings-drawer [style*="background:#16181E"],
html[data-theme="light"] #settings-drawer [style*="background:#1A1B22"],
html[data-theme="light"] #comments-drawer [style*="background:#16181D"],
html[data-theme="light"] #share-sheet [style*="background:#16181D"],
html[data-theme="light"] #notif-panel [style*="background:#16181D"],
html[data-theme="light"] #bottom-nav-sheet [style*="background:#16181D"],
html[data-theme="journalist"] #settings-drawer [style*="background:#16181D"],
html[data-theme="journalist"] #settings-drawer [style*="background:#16181E"],
html[data-theme="journalist"] #settings-drawer [style*="background:#1A1B22"],
html[data-theme="journalist"] #comments-drawer [style*="background:#16181D"],
html[data-theme="journalist"] #share-sheet [style*="background:#16181D"],
html[data-theme="journalist"] #notif-panel [style*="background:#16181D"],
html[data-theme="journalist"] #bottom-nav-sheet [style*="background:#16181D"] {
  background-color: var(--ws-surface) !important;
}

html[data-theme="light"] #settings-drawer [style*="color:#ECEDEF"],
html[data-theme="light"] #settings-drawer [style*="color: #ECEDEF"],
html[data-theme="light"] #comments-drawer [style*="color:#ECEDEF"],
html[data-theme="light"] #share-sheet [style*="color:#ECEDEF"],
html[data-theme="light"] #notif-panel [style*="color:#ECEDEF"],
html[data-theme="light"] #bottom-nav-sheet [style*="color:#ECEDEF"],
html[data-theme="light"] #bottom-nav-sheet [style*="color: #ECEDEF"],
html[data-theme="light"] #search-suggest [style*="color:#ECEDEF"],
html[data-theme="light"] #tour-panel [style*="color:#ECEDEF"],
html[data-theme="journalist"] #settings-drawer [style*="color:#ECEDEF"],
html[data-theme="journalist"] #settings-drawer [style*="color: #ECEDEF"],
html[data-theme="journalist"] #comments-drawer [style*="color:#ECEDEF"],
html[data-theme="journalist"] #share-sheet [style*="color:#ECEDEF"],
html[data-theme="journalist"] #notif-panel [style*="color:#ECEDEF"],
html[data-theme="journalist"] #bottom-nav-sheet [style*="color:#ECEDEF"],
html[data-theme="journalist"] #bottom-nav-sheet [style*="color: #ECEDEF"],
html[data-theme="journalist"] #search-suggest [style*="color:#ECEDEF"],
html[data-theme="journalist"] #tour-panel [style*="color:#ECEDEF"] {
  color: var(--ws-text) !important;
}

html[data-layout="magazine"][data-theme="light"] [style*="color:#ECEDEF"],
html[data-layout="magazine"][data-theme="light"] [style*="color: #ECEDEF"],
html[data-layout="magazine"][data-theme="journalist"] [style*="color:#ECEDEF"],
html[data-layout="magazine"][data-theme="journalist"] [style*="color: #ECEDEF"] {
  color: var(--ws-text) !important;
}

html[data-theme="light"] #settings-drawer [style*="color:#9CA0AB"],
html[data-theme="light"] #settings-drawer [style*="color: #9CA0AB"],
html[data-theme="light"] #comments-drawer [style*="color:#9CA0AB"],
html[data-theme="light"] #share-sheet [style*="color:#9CA0AB"],
html[data-theme="light"] #notif-panel [style*="color:#9CA0AB"],
html[data-theme="light"] #bottom-nav-sheet [style*="color:#9CA0AB"],
html[data-theme="light"] #bottom-nav-sheet [style*="color: #9CA0AB"],
html[data-theme="light"] #search-suggest [style*="color:#9CA0AB"],
html[data-theme="journalist"] #settings-drawer [style*="color:#9CA0AB"],
html[data-theme="journalist"] #settings-drawer [style*="color: #9CA0AB"],
html[data-theme="journalist"] #comments-drawer [style*="color:#9CA0AB"],
html[data-theme="journalist"] #share-sheet [style*="color:#9CA0AB"],
html[data-theme="journalist"] #notif-panel [style*="color:#9CA0AB"],
html[data-theme="journalist"] #bottom-nav-sheet [style*="color:#9CA0AB"],
html[data-theme="journalist"] #bottom-nav-sheet [style*="color: #9CA0AB"],
html[data-theme="journalist"] #search-suggest [style*="color:#9CA0AB"] {
  color: var(--ws-muted) !important;
}

html[data-theme="light"] #settings-drawer [style*="border:1px solid #2A2D34"],
html[data-theme="light"] #settings-drawer [style*="border-color:#2A2D34"],
html[data-theme="light"] #comments-drawer [style*="border:1px solid #2A2D34"],
html[data-theme="light"] #share-sheet [style*="border:1px solid #2A2D34"],
html[data-theme="light"] #search-suggest[style*="border:1px solid #2A2D34"],
html[data-theme="light"] #search-suggest[style*="#2A2D34"],
html[data-theme="journalist"] #settings-drawer [style*="border:1px solid #2A2D34"],
html[data-theme="journalist"] #settings-drawer [style*="border-color:#2A2D34"],
html[data-theme="journalist"] #comments-drawer [style*="border:1px solid #2A2D34"],
html[data-theme="journalist"] #share-sheet [style*="border:1px solid #2A2D34"],
html[data-theme="journalist"] #search-suggest[style*="border:1px solid #2A2D34"],
html[data-theme="journalist"] #search-suggest[style*="#2A2D34"] {
  border-color: var(--ws-line) !important;
}

html[data-theme="light"] #settings-drawer [style*="color:rgba(236,237,239"],
html[data-theme="light"] #comments-drawer [style*="color:rgba(236,237,239"],
html[data-theme="light"] #tour-panel [style*="color:rgba(248,250,252"],
html[data-theme="light"] .tour-panel [style*="color:rgba(248,250,252"],
html[data-theme="journalist"] #settings-drawer [style*="color:rgba(236,237,239"],
html[data-theme="journalist"] #comments-drawer [style*="color:rgba(236,237,239"],
html[data-theme="journalist"] #tour-panel [style*="color:rgba(248,250,252"],
html[data-theme="journalist"] .tour-panel [style*="color:rgba(248,250,252"] {
  color: var(--ws-text-soft) !important;
}

/* ---------- Tailwind ink/cream utilities ---------- */
html[data-theme="light"] .text-cream,
html[data-theme="light"] [class*="text-cream"],
html[data-theme="journalist"] .text-cream,
html[data-theme="journalist"] [class*="text-cream"] {
  color: var(--ws-text) !important;
}

html[data-theme="light"] .text-mute,
html[data-theme="light"] [class*="text-mute"],
html[data-theme="journalist"] .text-mute,
html[data-theme="journalist"] [class*="text-mute"] {
  color: var(--ws-muted) !important;
}

html[data-theme="light"] .bg-ink,
html[data-theme="light"] [class*="bg-ink"],
html[data-theme="journalist"] .bg-ink,
html[data-theme="journalist"] [class*="bg-ink"] {
  background-color: var(--ws-bg) !important;
}

html[data-theme="light"] .bg-panel,
html[data-theme="light"] [class*="bg-panel"],
html[data-theme="journalist"] .bg-panel,
html[data-theme="journalist"] [class*="bg-panel"] {
  background-color: var(--ws-surface) !important;
}

html[data-theme="light"] .border-line,
html[data-theme="light"] [class*="border-line"],
html[data-theme="journalist"] .border-line,
html[data-theme="journalist"] [class*="border-line"] {
  border-color: var(--ws-line) !important;
}