/* ===== WLH Community Forum — NeoBux-style ===== */
.wlh-forum{font-family:Verdana,Geneva,"Segoe UI",Arial,sans-serif;color:#222;font-size:13px}
.wlh-forum a{text-decoration:none;color:inherit}

/* Header */
.wlh-head{display:flex;align-items:center;max-width:940px;margin:0 auto;padding:16px 10px}
.wlh-logo{font-size:24px;font-weight:800;letter-spacing:-1px;color:#111}
.wlh-logo b{color:#5fb805}
.wlh-logo span{color:#1c9fe0}
.wlh-nav{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:14px}
.wlh-nav a.active{color:#111;font-weight:700;border-bottom:2px solid #1c9fe0;padding-bottom:3px}
.wlh-nav a.reg{color:#1c9fe0;font-weight:600}
.wlh-nav a.log{color:#5fb805;font-weight:600}
.wlh-user{color:#555}
.wlh-bar-green{height:4px;background:#5fb805}
.wlh-bar-blue{height:5px;background:#1c9fe0}

/* Panel */
.wlh-wrap{max-width:940px;margin:20px auto 40px;background:#fff;border:1px solid #bdbdbd;box-shadow:0 1px 4px rgba(0,0,0,.12);padding:16px}
.wlh-tab{display:inline-block;background:#1c9fe0;color:#fff;font-weight:700;padding:5px 16px 5px 12px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);margin-bottom:14px}
.wlh-breadcrumb{font-size:12px;color:#666;margin-bottom:12px}
.wlh-breadcrumb a{color:#1c9fe0}

/* Grid layouts */
.wlh-grid{display:grid;grid-template-columns:1fr 78px 88px 250px;align-items:center}
.wlh-grid-topic{display:grid;grid-template-columns:1fr 90px 200px;align-items:center}
.wlh-colhead{background:#6f6f6f;color:#fff;font-weight:700;font-size:12px;padding:8px 14px;border-bottom:4px solid #1c9fe0}
.wlh-colhead .ctr{text-align:center}

/* Category ribbon */
.wlh-cat{display:inline-block;background:linear-gradient(90deg,#5fb805 0%,#3fae5e 45%,#1c9fe0 100%);color:#fff;font-weight:700;font-size:14px;padding:8px 50px 8px 16px;margin:16px 0 0;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 100%,0 100%);position:relative;min-width:280px;letter-spacing:.3px}
.wlh-cat::after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:0;border-top:7px solid #2f7a06;border-right:9px solid transparent}

/* Rows */
.wlh-rows{border:1px solid #e2e2e2;border-top:none}
.wlh-row{padding:11px 14px;border-bottom:1px solid #ededed;transition:background .12s}
.wlh-row:last-child{border-bottom:none}
.wlh-row:hover{background:#f6f9fb}
.wlh-row .fname{font-weight:700;color:#15324a}
.wlh-row:hover .fname{color:#1c9fe0}
.wlh-row .fdesc{color:#8a8a8a;font-size:12px;margin-top:2px}
.wlh-row .ctr{text-align:center;color:#333}
.wlh-row .last .lt{font-weight:700;color:#15324a;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.wlh-row .last .ld{color:#9a9a9a;font-size:11px;margin-top:1px}

/* Totals */
.wlh-totals{background:#1c9fe0;color:#fff;font-weight:700;margin-top:18px}
.wlh-totals .wlh-grid{padding:8px 14px}
.wlh-totals .ctr{text-align:center}
.wlh-totals .lbl{font-size:12px;opacity:.95}

/* Thread (topic view) */
.wlh-thread{margin-top:6px}
.wlh-post{display:grid;grid-template-columns:170px 1fr;background:#fff;border:1px solid #e2e2e2;margin-bottom:12px}
.wlh-author{background:#f6f8fa;border-right:1px solid #ededed;padding:16px;text-align:center}
.wlh-av{width:54px;height:54px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:22px;background:linear-gradient(135deg,#5fb805,#1c9fe0)}
.wlh-author .an{font-weight:700;color:#15324a}
.wlh-body{padding:14px 18px}
.wlh-body .pdate{display:flex;justify-content:space-between;font-size:11px;color:#9a9a9a;border-bottom:1px solid #f0f0f0;padding-bottom:8px;margin-bottom:10px}
.wlh-body .ptext{color:#333;font-size:14px;line-height:1.6}

/* Forms */
.wlh-formbox{background:#fff;border:1px solid #e2e2e2;padding:18px;margin-top:16px}
.wlh-formbox h3{color:#15324a;margin:0 0 12px;font-size:16px}
.wlh-formbox input[type=text],.wlh-formbox textarea{width:100%;border:1px solid #cfcfcf;border-radius:3px;padding:10px;font-size:14px;font-family:inherit;margin-bottom:10px}
.wlh-formbox textarea{min-height:110px;resize:vertical}
.wlh-formbox input:focus,.wlh-formbox textarea:focus{border-color:#1c9fe0;outline:none}
.wlh-formbox button{background:#5fb805;color:#fff;border:none;border-radius:4px;padding:10px 24px;font-weight:700;cursor:pointer}
.wlh-formbox button:hover{background:#52a004}
.wlh-notice{background:#fffbe6;border:1px solid #f4e1a1;border-left:4px solid #1c9fe0;padding:10px 14px;border-radius:3px;margin:10px 0;font-size:13px;color:#7a5a00}

@media(max-width:760px){
  .wlh-grid{grid-template-columns:1fr 54px 62px}
  .wlh-grid-topic{grid-template-columns:1fr 70px}
  .wlh-colhead .last,.wlh-row .last,.wlh-totals .last{display:none}
  .wlh-post{grid-template-columns:1fr}
  .wlh-author{display:flex;align-items:center;gap:12px;text-align:left;border-right:none;border-bottom:1px solid #ededed}
  .wlh-av{margin:0}
  .wlh-cat{min-width:200px}
}
