/* WholesaleMentary Social — standalone brand treatment over BTS Social's proven UI. */
:root {
  --paper:#f5f2eb;
  --white:#ffffff;
  --ink:#171a1b;
  --red:#bd8b32;
  --wm-gold:#c8a254;
  --wm-deep:#141819;
  --wm-muted:#62696a;
  --wm-line:#dcd7c8;
}
html { scroll-behavior:smooth; }
body.members-page { background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body.members-page a:focus-visible,body.members-page button:focus-visible { outline:3px solid #e2b85d; outline-offset:3px; }
body.members-page .site-head { background:#121617; border-bottom:1px solid rgba(225,187,105,.35); min-height:78px; padding:10px clamp(16px,3vw,50px); display:flex; align-items:center; gap:25px; position:relative; z-index:15; }
.wm-brand { text-decoration:none!important; color:#fff!important; display:inline-flex!important; align-items:center; gap:12px; flex:0 0 auto; min-width:max-content; text-transform:none!important; }
.wm-house-logo { display:block; width:46px; height:46px; flex:0 0 46px; object-fit:contain; filter:drop-shadow(0 3px 8px #0005); }
.wm-brand-lockup { display:flex; flex-direction:column; align-items:flex-start; flex:0 0 auto; white-space:nowrap; min-width:max-content; }
.wm-brand-wordmark { display:flex; flex-flow:row nowrap; align-items:baseline; gap:2px; flex:0 0 auto; white-space:nowrap; font-family:Inter,ui-sans-serif,system-ui,sans-serif; font-size:21px; font-weight:900; line-height:1.05; letter-spacing:-.035em; text-transform:none!important; }
.wm-brand-wordmark>span { display:inline-block; flex:0 0 auto; white-space:nowrap; font:inherit; letter-spacing:inherit; text-transform:none!important; }
.wm-brand-wholesale { color:#E5BC69; }
.wm-brand-mentary { color:#F7F5ED; }
.wm-brand-subtitle { margin-top:6px; color:#CFC4A9; font-size:9px; line-height:1; font-weight:800; letter-spacing:.22em; text-transform:uppercase; }
body.members-page .site-head .brand-mark { display:none; }
body.members-page .site-head .nav { margin-left:auto; display:flex; gap:4px; align-items:center; flex-wrap:wrap; }
body.members-page .site-head .nav a { color:#e5e5e2; font-size:12px; font-weight:750; padding:11px 10px; border-radius:6px; text-decoration:none; white-space:nowrap; }
body.members-page .site-head .nav a:hover,body.members-page .site-head .nav a[aria-current] { color:#f5d28b; background:rgba(232,191,102,.12); }
.wm-head-note { color:#d6ad5d; font-size:10px; font-weight:850; white-space:nowrap; letter-spacing:.12em; }
body.members-page .site-head .head-actions { display:flex; align-items:center; gap:12px; }
body.members-page .site-head .menu-btn { border:1px solid rgba(244,209,142,.65); background:transparent; color:#f3d28e; font-size:12px; padding:10px 13px; border-radius:7px; font-weight:800; }
body.members-page .site-head .menu-btn:hover { background:rgba(233,187,91,.13); }

/* Premium member access experience. */
.members-page .auth-gate { padding-top:clamp(28px,4.8vw,75px); padding-bottom:clamp(50px,6vw,95px); gap:clamp(25px,5vw,90px); }
.members-page .auth-intro { position:relative; isolation:isolate; background:#1c2322; color:#fff; border-radius:18px; padding:clamp(30px,4.7vw,75px); min-height:490px; overflow:hidden; box-shadow:0 26px 60px #151d1d2a; }
.members-page .auth-intro:before { content:""; position:absolute; inset:0; z-index:-2; background:radial-gradient(circle at 86% 8%,rgba(241,196,101,.35),transparent 38%), linear-gradient(137deg,#29332f,#101515 73%); }
.members-page .auth-intro:after { content:""; position:absolute; z-index:-1; width:340px; height:340px; right:-115px; bottom:-195px; border-radius:50%; border:55px solid rgba(221,176,82,.14); box-shadow:0 0 0 90px rgba(218,178,98,.05); }
.members-page .auth-intro .eyebrow { color:#d9b46a; font-size:12px; font-weight:900; letter-spacing:.13em; }
.members-page .auth-intro h2 { color:#fff; font-size:clamp(38px,4.5vw,75px); line-height:.99; letter-spacing:-.065em; max-width:660px; margin:24px 0; }
.members-page .auth-intro h2 em { color:#e3bc72; font-style:normal; }
.members-page .auth-intro>p { color:#d7dedb; font-size:clamp(15px,1.35vw,19px); line-height:1.7; max-width:620px; }
.members-page .auth-benefits { margin-top:35px; }
.members-page .auth-benefits span { background:rgba(255,255,255,.07); border:1px solid rgba(246,222,164,.3); border-radius:40px; color:#f3ede0; padding:10px 14px; font-size:12px; }
.members-page .auth-card { background:#fff; border:1px solid #ded7c7; border-radius:16px; box-shadow:0 22px 60px #1b25221c; padding:clamp(23px,3.5vw,47px); }
.members-page .auth-tabs { border-color:#e8e1d2; }
.members-page .auth-tabs button.active { border-color:#c39849; color:#15191b; }
.members-page .auth-form label { color:#333939; }
.members-page .auth-form input { border:1px solid #cfcfc8; border-radius:8px; background:#fbfbf8; }
.members-page .auth-form input:focus { border-color:#b78b39; box-shadow:0 0 0 3px #b78b3926; }
.members-page .auth-fineprint { color:#666e6a; line-height:1.6; font-size:12px; }

/* Member workspace preserves the source interaction model, with a refined finish. */
.members-page .member-app { max-width:1650px; margin:0 auto; }
.members-page .member-sidebar { background:#141a1a; color:#f5f2e9; border-radius:14px; border:1px solid #36413c; box-shadow:0 12px 34px #26352c14; }
.members-page .member-sidebar .member-me { border-color:#364440; }
.members-page .member-sidebar .member-me strong { color:#fff; }
.members-page .member-sidebar .member-me span { color:#c5c8c2; }
.members-page .member-app-nav button { border-radius:9px; color:#dde0db; transition:background .16s ease,color .16s ease; }
.members-page .member-app-nav button:hover { background:#2d3432; color:#fff; }
.members-page .member-app-nav button.active { background:linear-gradient(130deg,#d8ae58,#bb913f); color:#171915; }
.members-page .member-account-settings { border-color:#3c4442; }
.members-page .member-account-settings a { color:#e9c887; }
.members-page .member-signout { border-color:#6d706c; color:#e6e4db; }
.members-page .member-view-head .eyebrow, .members-page .profile-intro-kicker { color:#a77b2b; }
.members-page .member-primary { border-color:#151918; border-radius:8px; background:#171c1b; color:#fff; }
.members-page .member-primary:hover { background:#2d3530; }
.members-page .member-secondary { border:1px solid #b8b5ab; border-radius:8px; background:#fff; color:#171b1b; }
.members-page .member-secondary:hover { background:#f6f1e4; border-color:#ba913f; }
.members-page .member-panel,.members-page .feed-card,.members-page .feed-composer-card { border-radius:12px; border-color:#dcd8cd; box-shadow:0 4px 16px #202a2510; }
.members-page .member-view-head h2 { letter-spacing:-.04em; }
.members-page .profile-avatar { background:linear-gradient(135deg,#e4c274,#b78b32); color:#17201c; font-weight:900; }
.members-page .feed-composer-card textarea,.members-page .feed-link-field input,.members-page .feed-search input { border-radius:8px; }
.members-page .relationship-taxonomy-option:has(input:checked) { border-color:#ba913f; background:#fff3d3; }
.members-page .member-toast { background:#171b19; border:1px solid #d6ac59; color:#fff; border-radius:10px; }
.members-page .member-modal { border-radius:14px; overflow:hidden; }

/* Full-width, independent community footer. */
.wm-footer { background:#121817!important; color:#eef1ed!important; padding:50px clamp(18px,5vw,80px) 25px; margin-top:60px; border-top:4px solid #bd974f; }
.wm-footer .footer-grid { max-width:1270px; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.wm-footer h2 { font-size:clamp(26px,3vw,45px); line-height:1.08; margin:0; color:#e5bd69; letter-spacing:-.045em; }
.wm-footer p { color:#c5ceca; line-height:1.7; max-width:540px; }
.wm-footer a { color:#e6c885; font-weight:800; }
.wm-footer-bottom { max-width:1270px!important; margin:35px auto 0; border-top:1px solid #36413a; padding-top:20px; font-size:12px; }

@media (min-width:1451px) { body.members-page .site-head .menu-btn { display:none; } }
@media (max-width:1450px) {
  body.members-page .site-head .nav { display:none; position:absolute; top:100%; left:0; right:0; padding:12px 16px 17px; background:#121617; border-top:1px solid #34352b; box-shadow:0 16px 24px #15151522; z-index:20; }
  body.members-page .site-head .nav.wm-nav-open { display:flex; flex-direction:column; align-items:stretch; }
  body.members-page .site-head .nav a { font-size:14px; padding:12px; }
  body.members-page .site-head .head-actions { margin-left:auto; }
}
@media (max-width:750px) {
  body.members-page .site-head { min-height:70px; padding:8px 14px; }
  .wm-house-logo { width:40px; height:40px; flex-basis:40px; }
  .wm-brand-wordmark { font-size:18px; }
  .wm-brand-subtitle { font-size:7px; }
  .wm-head-note { display:none; }
  .members-page .auth-gate { display:block; padding:16px 14px 42px; }
  .members-page .auth-intro { min-height:0; border-radius:12px; padding:34px 24px; margin-bottom:20px; }
  .members-page .auth-intro h2 { font-size:clamp(35px,9vw,57px); }
  .members-page .auth-benefits { gap:7px; margin-top:22px; }
  .members-page .auth-benefits span { padding:7px 10px; font-size:11px; }
  .members-page .auth-card { border-radius:12px; }
  .wm-footer .footer-grid { grid-template-columns:1fr; gap:12px; }
}
@media (max-width:420px) {
  body.members-page .site-head { gap:10px; }
  .wm-brand { gap:7px; }
  .wm-house-logo { width:34px; height:34px; flex-basis:34px; }
  .wm-brand-wordmark { font-size:15px; letter-spacing:-.035em; }
  .wm-brand-subtitle { font-size:6px; letter-spacing:.16em; }
  body.members-page .site-head .menu-btn { padding:8px 10px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }