/* SokoHai white-first marketplace refinement — content first, semantic color only. */
:root {
  --skh-market-green: #0e8f6f;
  --skh-market-green-dark: #087158;
  --skh-market-green-soft: #edf9f5;
  --skh-market-blue: #1268a8;
  --skh-market-gold: #b88916;
  --skh-market-ink: #172b36;
  --skh-market-muted: #667783;
  --skh-market-border: #e3eaee;
}

html, body,
.scroll-content,
#buyerView,
.main-feed,
.search-strategy,
#chatModal .chat-card,
#chatMessages,
#chatComposer,
.ch-inbox-shell,
.dashboard-view {
  background-color: #fff !important;
}

.feed-card-box.skh-card,
.strategy-row.skh-section,
.skh-market-slide-card,
.overlay-menu > div,
.ch-contact,
.chat-bubble.them {
  background: #fff !important;
  border-color: var(--skh-market-border) !important;
  box-shadow: 0 3px 14px rgba(23, 43, 54, .07) !important;
}

.chat-bubble.me {
  background: var(--skh-market-green-soft) !important;
  color: var(--skh-market-ink) !important;
  border: 1px solid #d6eee5 !important;
}

button:not(.is-danger):not(.red):focus-visible,
a:focus-visible {
  outline-color: var(--skh-market-green) !important;
}

.skh-empty-btn,
.skh-route-cta-btn,
.btn-primary,
button.primary,
.follow-btn.btn-not-following {
  background: var(--skh-market-green) !important;
  border-color: var(--skh-market-green) !important;
  color: #fff !important;
}

.skh-seeall,
.ch-ctxbtn,
button.light,
button.secondary {
  background: #fff !important;
  border-color: #cfe0e6 !important;
  color: var(--skh-market-blue) !important;
}

.feed-card-box.skh-card .skh-title,
.skh-section-text b,
#feedTitleText { color: var(--skh-market-ink) !important; }
.feed-card-box.skh-card .skh-price { color: var(--skh-market-green-dark) !important; }
.feed-card-box.skh-card .skh-card-sub,
.feed-card-box.skh-card .skh-meta-row,
.skh-section-text small { color: var(--skh-market-muted) !important; }

.search-strategy {
  padding: 4px 0 10px;
}
.strategy-row.skh-section {
  margin: 12px 10px !important;
  padding: 12px !important;
  border: 1px solid var(--skh-market-border) !important;
  border-radius: 16px !important;
}
.skh-section-icon--hot,
.skh-section-icon--nearby,
.skh-section-icon--search {
  background: var(--skh-market-green-soft) !important;
  color: var(--skh-market-green-dark) !important;
}
.skh-section-icon--boost {
  background: #fff8e6;
  color: var(--skh-market-gold);
}
.skh-section--boosted { border-top-color: #ead9a8 !important; }

.item-slider {
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding: 4px 1px 8px !important;
  scrollbar-width: thin;
}
.skh-market-slide-card {
  position: relative;
  flex: 0 0 168px;
  min-width: 168px;
  overflow: hidden;
  border: 1px solid var(--skh-market-border);
  border-radius: 14px;
}
.skh-market-slide-card > .feed-card-box.skh-card {
  width: 100% !important;
  min-width: 0 !important;
  height: 100%;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.skh-market-slide-card .skh-img { aspect-ratio: 4 / 3 !important; }
.skh-market-distance {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 10px 9px;
  color: var(--skh-market-green-dark);
  background: #fff;
  font-size: 11px;
  font-weight: 800;
}
.skh-market-empty {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: min(100%, 310px);
  padding: 14px;
  border: 1px dashed #cbd9df;
  border-radius: 12px;
  color: var(--skh-market-muted);
  background: #fbfdfd;
}

.feed-card-box.skh-card .boost-badge {
  background: rgba(255, 255, 255, .96) !important;
  color: #8a6712 !important;
  border: 1px solid #e7d49d !important;
  box-shadow: 0 2px 8px rgba(23, 43, 54, .12) !important;
  text-transform: none !important;
}

/* Discover keeps white cards; selected/primary controls use SokoHai green.
   Blue remains for links and secondary information only. */
.skh-de-overlay,
.skh-de-shell,
.skh-de-results,
.dc88-shell,
.dc88-body { background: #fff !important; }
.skh-de-qcat.active,
.skh-de-filter.active,
.skh-de-chip.active:not(.skh-de-chip--gold),
.skh-de-feed-tab.active,
.skh-de-card-btn--primary,
.skh-de-request button,
.dc88-tab.active,
.dc88-filter-btn.active {
  background: var(--skh-market-green) !important;
  border-color: var(--skh-market-green) !important;
  color: #fff !important;
}
.skh-de-option.selected {
  background: var(--skh-market-green-soft) !important;
  border-color: var(--skh-market-green) !important;
  color: var(--skh-market-green-dark) !important;
}
.skh-de-card,
.skh-de-biz-card,
.skh-de-detail,
.dc88-card { background: #fff !important; border-color: var(--skh-market-border) !important; }

/* Real announcement/story card replaces the former heavy marquee. */
#topAnnouncement.skh-ann-story {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 10px 12px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--skh-market-border) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 6px 20px rgba(23, 43, 54, .09) !important;
}
#topAnnouncement.skh-ann-story[hidden],
#topAnnouncement.skh-ann-story.is-empty { display: none !important; }
.skh-ann-card { display: grid; grid-template-columns: minmax(180px, 42%) 1fr; min-height: 190px; background: #fff; }
.skh-ann-story.no-image .skh-ann-card { display: block; min-height: 0; border-left: 4px solid var(--skh-market-green); }
.skh-ann-media {
  display: block;
  width: 100%;
  min-height: 190px;
  padding: 0;
  border: 0;
  overflow: hidden;
  background: #f2f6f5;
  cursor: pointer;
}
.skh-ann-media img { display: block; width: 100%; height: 100%; min-height: 190px; object-fit: cover; }
.skh-ann-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 20px 22px; color: var(--skh-market-ink); }
.skh-ann-kicker { display: flex; align-items: center; gap: 7px; color: var(--skh-market-green-dark); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.skh-ann-kicker span { width: 7px; height: 7px; border-radius: 50%; background: var(--skh-market-green); }
.skh-ann-title { margin-top: 8px; font-size: clamp(18px, 2.1vw, 25px); line-height: 1.15; }
.skh-ann-copy p { max-width: 560px; margin: 8px 0 0; color: var(--skh-market-muted); font-size: 14px; line-height: 1.5; }
.skh-ann-action { margin-top: 15px; padding: 9px 15px; border: 1px solid var(--skh-market-green); border-radius: 10px; background: var(--skh-market-green) !important; color: #fff !important; font-weight: 800; cursor: pointer; }
.skh-ann-story.is-live { border-left: 4px solid var(--skh-market-gold) !important; }

@media (max-width: 600px) {
  .skh-ann-card { grid-template-columns: 1fr; min-height: 0; }
  .skh-ann-media, .skh-ann-media img { min-height: 0; height: 170px; }
  .skh-ann-copy { padding: 15px 16px 17px; }
  .skh-ann-title { font-size: 18px; }
  .skh-market-slide-card { flex-basis: 156px; min-width: 156px; }
}