/* Community feed: the approved Wise reference, with WordPress data and controls. */
.homefeed-page.feed-wise {
 --feed-bg:#F1F1EF; --feed-surface:#FFFFFF; --feed-line:#E4E7DE; --feed-soft-line:#EDEFE9;
 --feed-tint:#E8EAE3; --feed-text:#163300; --feed-muted:#4A5A3C; --feed-soft:#8B9683;
 --feed-accent:#163300; --ink:#163300; --text:#163300; --text-muted:#4A5A3C; --surface:#FFFFFF;
 background:#F1F1EF; color:#163300; font-family:system-ui,-apple-system,"Segoe UI","Helvetica Neue",sans-serif;
}
.feed-wise::before,.feed-wise .homefeed-main::after { content:none; }
.feed-wise *, .feed-wise *::before,.feed-wise *::after { box-shadow:none; }
.feed-wise .homefeed-shell,.feed-wise .homefeed-skeleton { box-sizing:border-box; inline-size:100%; max-inline-size:1080px; margin-inline:auto; padding:22px 16px 90px; display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
.homefeed-page.feed-wise .homefeed-shell .homefeed-main { inline-size:100%; max-inline-size:none; padding:0; margin:0; border:0; }
.feed-wise .homefeed-list { gap:16px; }
.feed-wise .homefeed-list > article,.feed-wise .homefeed-article-card { background:#FFFFFF; border:1px solid #E4E7DE; border-radius:20px; margin:0; transform:none; }
.feed-wise .homefeed-main .homefeed-list > article { padding:22px 24px 14px; }
.feed-wise .feed-idbar { position:sticky; top:auto; inset-block-start:calc(var(--bgc-header-h,68px) + var(--bgc-header-top,0px)); z-index:6; display:flex; align-items:center; gap:12px; padding:12px 0 14px; margin:0 0 20px; border:0; border-block-end:1px solid #E1E2DD; background:#F1F1EF; }
.feed-wise .feed-idbar__avatar,.feed-wise .feed-idbar__avatar .feed-avatar { inline-size:42px; block-size:42px; border:0; border-radius:50%; background:#163300; color:#9FE870; }
.feed-wise .feed-idbar__id strong { color:#163300; font-size:16px; font-weight:700; line-height:24px; }
.feed-wise .feed-idbar__id a { color:#4A5A3C; font-size:13px; border-block-end:1px solid transparent; }
.feed-wise .feed-idbar__id a:hover { border-block-end-color:#163300; }
.feed-wise .feed-views { gap:4px; }
.feed-wise .feed-views__pill { min-block-size:38px; padding-inline:15px; background:transparent; border:0; color:#4A5A3C; font-size:14px; font-weight:500; }
.feed-wise .feed-views__pill.is-active { background:#9FE870; color:#163300; font-weight:700; }
.feed-wise .feed-activity { display:flex; flex-wrap:wrap; gap:18px; margin-block:-4px 18px; font-size:13px; color:#4A5A3C; }
.feed-wise .feed-activity a[aria-current] { color:#163300; font-weight:700; }
.homefeed-page.feed-wise .feed-composer,.homefeed-page.feed-wise .feed-composer:not(.is-open),.homefeed-page.feed-wise .feed-composer.is-open { background:#FFFFFF; border:1px solid #E4E7DE; border-radius:20px; padding:18px 20px; margin-block-end:16px; min-block-size:0; transition:none; }
.homefeed-page.feed-wise .feed-composer .feed-avatar { inline-size:42px; block-size:42px; background:#E8EAE3; color:#163300; border:0; font-size:16px; }
.homefeed-page.feed-wise .feed-composer textarea { min-block-size:42px; padding:7px 0; border:0; background:transparent; color:#163300; font-size:16.5px; line-height:26px; }
.homefeed-page.feed-wise .feed-composer.is-open textarea { min-block-size:84px; }
.feed-wise input,.feed-wise textarea { font-family:inherit; font-size:16px; }
.feed-wise input::placeholder,.feed-wise textarea::placeholder { color:#8B9683; opacity:1; }
.feed-wise .feed-composer__actions { flex-wrap:wrap; gap:12px; border-block-start:1px solid #EDEFE9; padding-block-start:14px; animation:fw-rise .2s cubic-bezier(.2,.7,.2,1); }
/* Icon-only discs, so the row never wraps and never competes with the publish
   button beside it. The label lives in the title and in .screen-reader-text. */
.feed-wise .feed-tools { flex-wrap:nowrap; gap:4px; }
.feed-wise .feed-tools > button { display:grid; place-items:center; inline-size:38px; block-size:38px; min-block-size:38px; padding:0; border:0; border-radius:50%; background:transparent; color:#4A5A3C; }
.feed-wise .feed-tools > button:hover { background:#E8EAE3; color:#163300; }
.feed-wise .feed-tools > button[aria-expanded="true"],.feed-wise .feed-tools > button[aria-pressed="true"] { background:#9FE870; color:#163300; }
.feed-wise .feed-tools__ico { display:block; }
.feed-wise .feed-publish { margin-inline-start:auto; }
.feed-wise .feed-submit { min-block-size:44px; padding-inline:24px; border:0; border-radius:999px; background:#9FE870; color:#163300; font-weight:700; }
.feed-wise .feed-cancel { font-size:14.5px; font-weight:600; color:#4A5A3C; background:transparent; }
.feed-wise .feed-avatar { inline-size:42px; block-size:42px; border:0; background:#E8EAE3; color:#163300; }
.feed-wise .homefeed-card__header strong { color:#163300; font-size:16px; font-weight:700; line-height:24px; }
.feed-wise .homefeed-card__header time,.feed-wise .homefeed-card__meta { color:#4A5A3C; font-size:13px; line-height:19px; }
.feed-wise .homefeed-card__header .by-follow-status { margin-inline-start:auto; }
.feed-wise .by-follow-btn { min-block-size:38px; padding-inline:16px; border:1.5px solid #163300; border-radius:999px; background:transparent; color:#163300; font-size:14px; font-weight:700; }
.feed-wise .by-follow-btn--following { border-color:transparent; background:#E8EAE3; }
.feed-wise .homefeed-card__body { font-size:16.5px; font-weight:400; line-height:27px; color:#163300; text-wrap:pretty; max-block-size:none; overflow:visible; -webkit-line-clamp:unset; }
.feed-wise .homefeed-card__media { display:flex; align-items:center; gap:14px; min-block-size:0; margin-block-start:18px; padding:16px; border:1px solid #E4E7DE; border-radius:16px; background:#F5F6F2; color:#163300; }
.feed-wise .homefeed-card__media img { inline-size:46px; block-size:46px; object-fit:contain; border-radius:13px; background:#9FE870; }
.feed-wise .homefeed-card__media > span { font-size:16px; font-weight:700; }
.feed-wise .homefeed-card__media b { position:static; margin-inline-start:auto; background:transparent; color:#163300; font-size:18px; padding:0; }
.feed-wise .homefeed-card__media:hover { border-color:#163300; }
.feed-wise .homefeed-card__actions { margin-block-start:14px; padding-block-start:8px; border-block-start:1px solid #EDEFE9; gap:4px; flex-wrap:wrap; }
.feed-wise .homefeed-card__actions button,.feed-wise .homefeed-card__actions .byhf-save,.feed-wise .feed-vote { min-block-size:40px; padding-inline:12px; border:0; border-radius:999px; background:transparent; color:#4A5A3C; font-size:14.5px; font-weight:600; }
.feed-wise .homefeed-card__actions button:hover,.feed-wise .homefeed-card__actions .byhf-save:hover { background:#E8EAE3; color:#163300; }
.feed-wise .homefeed-card__actions .is-active,.feed-wise .homefeed-card__actions .is-saved { color:#163300; }
.feed-wise .homefeed-card__actions .byhf-save { margin-inline-start:auto; order:10; }
.feed-wise .homefeed-card__actions svg { inline-size:18px; block-size:18px; stroke-width:1.9; }
.feed-wise .homefeed-card__comments { border-block-start:1px solid #EDEFE9; animation:fw-rise .2s cubic-bezier(.2,.7,.2,1); }
.feed-wise .feed-comment .feed-avatar,.feed-wise .feed-comment-form .feed-avatar { inline-size:34px; block-size:34px; }
.feed-wise .feed-comment p { font-size:15.5px; line-height:25px; color:#163300; }
.feed-wise .feed-comment-form input { min-block-size:46px; border:1.5px solid #D7DCD2; border-radius:14px; background:#FFFFFF; font-size:16px; }
.feed-wise .feed-comment-form button { min-block-size:46px; border:0; border-radius:999px; background:#9FE870; color:#163300; font-weight:700; }
.feed-wise .homefeed-article-card__rail { padding:12px 24px; background:#9FE870; border:0; }
.feed-wise .homefeed-article-card__tile { background:transparent; color:#163300; }
.feed-wise .homefeed-article-card__source { color:#163300; font-size:13px; font-weight:700; letter-spacing:0; }
.feed-wise .homefeed-article-card__readtime { color:#163300; font-size:13px; }
.feed-wise .homefeed-article-card__body { padding:22px 24px 24px; }
.feed-wise .homefeed-article-card__copy h2 { color:#163300; font-size:24px; font-weight:700; line-height:1.32; letter-spacing:-.03em; }
.feed-wise .homefeed-article-card__copy p { color:#4A5A3C; font-size:16.5px; line-height:26px; }
.feed-wise .homefeed-article-card__meta { padding:0 24px 24px; border:0; color:#4A5A3C; }
.feed-wise .homefeed-article-card:hover { border-color:#163300; transform:none; }
.feed-wise .homefeed-article-card__cta { color:#163300; font-size:15px; font-weight:700; }
.homefeed-page.feed-wise #homefeed-rail { display:block; position:static; inset:auto; inline-size:auto; max-inline-size:none; block-size:auto; max-block-size:none; margin:32px 0 0; padding:26px 0 0 !important; border:0; border-block-start:1px solid #E1E2DD; background:transparent; visibility:visible; opacity:1; transform:none !important; overflow:visible; z-index:auto; }
.feed-wise .homefeed-mobile-subheader,.feed-wise .homefeed-rail__close,.feed-wise .feed-composer__rail-toggle,.feed-wise .homefeed-drawer-backdrop { display:none; }
.feed-wise .rail-search { display:flex; align-items:center; gap:10px; border:1.5px solid #D7DCD2; border-radius:15px; padding:0 14px; margin-block-end:22px; background:#FFFFFF; }
.feed-wise .rail-search:focus-within { border-color:#163300; padding-inline:15px; box-shadow:0 0 0 3px rgba(159,232,112,.55); }
.feed-wise .rail-search input[type="search"] { min-inline-size:0; flex:1; border:0; outline:0; background:transparent; color:#163300; padding:13px 0; font-size:16px; }
.feed-wise .rail-search:focus-within input { padding-block:16px; }
.feed-wise .rail-search__glyph,.feed-wise .rail-search__hint { color:#4A5A3C; }
.feed-wise .rail-search__hint { font-size:12px; }
.feed-wise .rail-search__hint kbd { border:1px solid #D7DCD2; border-radius:6px; background:#F7F8F4; color:#4A5A3C; }
.feed-wise .rail-group { padding:0 0 22px; margin:0 0 22px; border:0; border-block-end:1px solid #E1E2DD; border-radius:0; background:transparent; }
.feed-wise .rail-label { color:#4A5A3C; font-size:13px; font-weight:400; line-height:20px; text-transform:none; letter-spacing:0; margin-block-end:12px; }
.feed-wise .rail-tags__row { display:flex; flex-wrap:wrap; gap:8px; }
.feed-wise .rail-tag-link { display:inline-flex; align-items:center; min-block-size:34px; padding:0 13px; border:1.5px solid #D7DCD2; border-radius:999px; background:#FFFFFF; color:#163300; font-size:13.5px; font-weight:500; white-space:nowrap; }
.feed-wise .rail-tag-link:hover { border-color:#163300; background:#F4F7EE; }
.feed-wise .rail-brands__tile,.feed-wise .rail-tile { inline-size:38px; block-size:38px; border:0; border-radius:11px; background:#E8EAE3; color:#163300; }
.feed-wise .rail-brands__text strong,.feed-wise .rail-recent__text strong { color:#163300; font-size:15.5px; font-weight:700; line-height:23px; }
.feed-wise .rail-brands__text small,.feed-wise .rail-recent__meta,.feed-wise .rail-recent__counts { color:#4A5A3C; font-size:13px; line-height:19px; }
.feed-wise .rail-recent__row,.feed-wise .rail-brands__row { min-block-size:46px; background:transparent; }
.feed-wise .rail-follow__avatar { inline-size:38px; block-size:38px; border-radius:50%; background:#163300; color:#9FE870; }
.feed-wise .rail-market { display:flex; align-items:center; justify-content:center; min-block-size:52px; margin-block:24px; border-radius:999px; background:#163300; color:#9FE870; font-weight:700; }
.feed-wise .rail-market:hover { background:#1E4A05; }
.feed-wise :focus-visible { outline:2px solid #163300; outline-offset:3px; }
.feed-wise .homefeed-skeleton__main { padding:0; border:0; }
.feed-wise .homefeed-skeleton__card,.feed-wise .homefeed-skeleton__composer { background:#FFFFFF; border:1px solid #E4E7DE; border-radius:20px; }
.feed-wise .homefeed-skeleton__composer { min-block-size:80px; }
.feed-wise .skeleton-shape { background:linear-gradient(90deg,#E9EAE4 25%,#F4F5F1 37%,#E9EAE4 63%); background-size:200% 100%; animation:fw-shimmer 1.4s linear infinite; }
.feed-wise .skeleton-avatar { inline-size:42px; block-size:42px; }
.feed-wise .rail-results__row { animation:none; transform:none; }
@media (min-width:940px) {
 .feed-wise .homefeed-shell,.feed-wise .homefeed-skeleton { padding:30px 40px 110px; grid-template-columns:minmax(0,1fr) 300px; gap:40px; }
 .homefeed-page.feed-wise .homefeed-shell .homefeed-main,.feed-wise .homefeed-skeleton__main { padding-inline-end:40px; margin-inline-end:-1px; border-inline-end:1px solid #E1E2DD; }
 .homefeed-page.feed-wise #homefeed-rail { position:sticky; inset-block-start:calc(var(--bgc-header-h,68px) + 24px); align-self:start; margin:0; padding:0 !important; border:0; }
 .feed-wise .feed-idbar { flex-wrap:nowrap; }
 .feed-wise .feed-views { flex:0 1 auto; inline-size:auto; padding:0; }
}
@media (max-width:600px) {
 .feed-wise .feed-idbar { flex-wrap:wrap; }
 .feed-wise .feed-views { flex:1 0 100%; padding-block-start:4px; }
 .feed-wise .homefeed-main .homefeed-list > article { padding:20px 16px 12px; }
 .feed-wise .homefeed-article-card__rail { padding-inline:16px; flex-wrap:wrap; }
 .feed-wise .homefeed-article-card__body { padding:20px 16px; }
 .feed-wise .homefeed-article-card__meta { padding-inline:16px; flex-wrap:wrap; }
 .feed-wise .homefeed-card__header { flex-wrap:wrap; }
}
.feed-wise[data-ground="white"],.feed-wise[data-ground="white"] .feed-idbar { background:#FFFFFF; }
.feed-wise[data-ground="white"] .homefeed-list > article,.feed-wise[data-ground="white"] .homefeed-article-card { background:transparent; border:0; border-block-end:1px solid #E8EAE3; border-radius:0; padding-inline:0; padding-block:26px 18px; }
@keyframes fw-rise { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@keyframes fw-shimmer { from { background-position:200% 0; } to { background-position:-200% 0; } }
@media (prefers-reduced-motion:reduce) { .feed-wise *,.feed-wise *::before,.feed-wise *::after { animation-duration:.001ms !important; transition-duration:.001ms !important; } }

/* Neutralize legacy drawer and shared-ground !important rules on this surface only. */
#content .homefeed-page.feed-wise { background-color:#F1F1EF !important; }
#content .homefeed-page.feed-wise[data-ground="white"] { background-color:#FFFFFF !important; }
.homefeed-page.feed-wise .homefeed-shell { padding-block-start:22px !important; }
.homefeed-page.feed-wise .homefeed-shell .homefeed-main { padding:0 !important; border:0 !important; }
.homefeed-page.feed-wise #homefeed-rail { position:static !important; inset-block:auto !important; inset-inline:auto !important; display:block !important; inline-size:auto !important; max-inline-size:none !important; block-size:auto !important; max-block-size:none !important; margin:32px 0 0 !important; background:transparent !important; box-shadow:none !important; overflow:visible !important; z-index:auto !important; border-block-start:1px solid #E1E2DD !important; transition:none !important; }
.feed-wise .homefeed-rail__close { display:none !important; }
.feed-wise .rail-market { background:transparent; }
.feed-wise .rail-market__btn { display:flex; align-items:center; justify-content:center; inline-size:100%; min-block-size:52px; border-radius:999px; background:#163300; color:#9FE870; }
.feed-wise .rail-market__btn:hover { background:#1E4A05; }
.feed-wise .rail-brand-price { margin-inline-start:auto; font-size:14.5px; }
.feed-wise .rail-empty { color:#4A5A3C; font-size:13px; }
.feed-wise .verified-tick { inline-size:15px; block-size:15px; background:#2C5A12; color:#FFFFFF; }
.feed-wise .feed-comment-form button[hidden] { display:none; }
.feed-wise .by-follow-status__dot { display:none; }
@media (min-width:940px) {
 .homefeed-page.feed-wise .homefeed-shell { padding-block-start:30px !important; }
 .homefeed-page.feed-wise .homefeed-shell .homefeed-main { padding-inline-end:40px !important; border-inline-end:1px solid #E1E2DD !important; }
 .homefeed-page.feed-wise #homefeed-rail { position:sticky !important; inset-block-start:calc(var(--bgc-header-h,68px) + 24px) !important; margin:0 !important; border:0 !important; }
}

.feed-wise .feed-brand-tile { display:grid; place-items:center; flex:0 0 46px; inline-size:46px; block-size:46px; border-radius:13px; background:#9FE870; color:#163300; }
.feed-wise .feed-brand-copy { display:flex; flex-direction:column; min-inline-size:0; }
.feed-wise .feed-brand-copy strong { font-size:16px; }
.feed-wise .feed-brand-copy small { color:#4A5A3C; font-size:13.5px; font-weight:400; }
.feed-wise .homefeed-article-card__thumb:not(:has(img)) { display:none; }
.feed-wise .homefeed-article-card__category { background:transparent; color:#163300; }
.feed-wise .homefeed-article-card__cta > span { display:inline-block; }
[dir="ltr"] .feed-wise .homefeed-article-card__cta > span { transform:scaleX(-1); }
@media (max-width:600px) {
 .feed-wise .homefeed-card__actions { gap:2px; }
 .feed-wise .homefeed-card__actions button,.feed-wise .homefeed-card__actions .byhf-save,.feed-wise .feed-vote { padding-inline:6px; }
 .feed-wise .feed-vote { gap:2px; }
}

/* Long unbroken tokens. A pasted URL in a post, a run-on display name or a
   long hashtag has no break opportunity, and the two elements that carry them
   are <button>s, which size to their content instead of to the card. Left
   alone they widen the card, then the column, then the page: a single pasted
   link produced 349px of horizontal page scroll at 320px. */
.feed-wise .homefeed-card__body,
.feed-wise .homefeed-card__title,
.feed-wise .homefeed-card__link,
.feed-wise .homefeed-card__header strong,
.feed-wise .feed-comment p,
.feed-wise .feed-brand-copy strong,
.feed-wise .feed-brand-copy small,
.feed-wise .homefeed-article-card__copy h2,
.feed-wise .homefeed-article-card__copy p { overflow-wrap: anywhere; }
/* The measure still caps the line on a wide card; it may never exceed it. */
.feed-wise .homefeed-card__body { inline-size: 100%; max-inline-size: min(72ch, 100%); }
/* Flex and grid children need this before they will shrink below content. */
.feed-wise .homefeed-card__header strong,
.feed-wise .homefeed-card__header > div { min-inline-size: 0; }
/* A long hashtag wraps inside the rail rather than pushing the column wider. */
.feed-wise .rail-tag-link { white-space: normal; overflow-wrap: anywhere; max-inline-size: 100%; }

/* Load more. One quiet control closing the column: outlined rather than filled,
   so the rail's dark "تصفّح السوق" stays the only heavy button on the page. */
.feed-wise .feed-more { display: flex; justify-content: center; padding-block: 24px 8px; }
.feed-wise .feed-more__btn {
 display: inline-flex; align-items: center; justify-content: center;
 min-block-size: 48px; padding-inline: 28px; border: 1.5px solid #163300; border-radius: 999px;
 background: #FFFFFF; color: #163300; font-size: 15px; font-weight: 700; text-decoration: none;
 transition: background .16s ease, color .16s ease;
}
.feed-wise .feed-more__btn:hover { background: #163300; color: #9FE870; }
.feed-wise .feed-more__btn[aria-busy="true"] { background: #E8EAE3; border-color: #E8EAE3; color: #4A5A3C; cursor: default; }

/* Hover states, in the palette already on this page: the same #E8EAE3 fill the
   action row uses. Fill and colour only — nothing here changes a box, so no
   row shifts under the pointer. Focus stays the stronger of the two. */
.feed-wise .homefeed-card__actions .feed-vote button:hover { background: #E8EAE3; color: #163300; }
.feed-wise .by-follow-btn--follow:hover { background: #E8EAE3; }
.feed-wise .by-follow-btn--following:hover { background: #E8EAE3; color: #1E4A05; }
.feed-wise .rail-recent__row:hover,
.feed-wise .rail-brands__row:hover,
.feed-wise .rail-follow__row:hover { background: #E8EAE3; }
.feed-wise .rail-recent__row,
.feed-wise .rail-brands__row,
.feed-wise .rail-follow__row { transition: background .16s ease; }

/* The rail is taller than a short desktop viewport. Sticking it by its bottom
   edge lets the whole column arrive as the reader scrolls — the CTA and the
   footer included — instead of pinning the top and stranding the tail below
   the fold. No nested scroller, and it is never fixed. */
@media (min-width: 1025px) {
 .homefeed-page.feed-wise #homefeed-rail {
  inset-block-start: auto !important;
  inset-block-end: 24px !important;
 }
}