/* forums-static.css — only what the STATIC forum adds to the forum's own content rules (forums-content.css).
   Page numbers replace "Load More". Dark mode is the site's (html.dark). */
.forum-wrap .forum-pager { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px; padding:22px 0 30px; font-family:Verdana,Geneva,sans-serif; }
.forum-wrap .forum-pager a, .forum-wrap .forum-pager span.cur, .forum-wrap .forum-pager span.gap { display:inline-block; min-width:38px; text-align:center; padding:9px 12px; border-radius:4px; font-size:0.9rem; text-decoration:none; }
.forum-wrap .forum-pager a { background:#fff; color:#4A8BC4; border:1px solid #DEE2E6; }
.forum-wrap .forum-pager a:hover { background:#5B9BD5; color:#fff; border-color:#4A8BC4; }
.forum-wrap .forum-pager span.cur { background:#5B9BD5; color:#fff; border:1px solid #4A8BC4; font-weight:600; }
.forum-wrap .forum-pager span.gap { color:#888; }
.forum-wrap .forum-pager a.pg-edge { font-weight:600; padding:9px 18px; }
html.dark .forum-wrap .forum-pager a { background:#2a2a24; color:#8fbbe3; border-color:#3a3a32; }
html.dark .forum-wrap .forum-pager a:hover { background:#4A8BC4; color:#fff; }
.forum-wrap .forum-archive-note { padding:16px; color:#888; text-align:center; }
.forum-wrap .forum-archive-note a { color:#2c5282; }
html.dark .forum-wrap .forum-archive-note a { color:#8fbbe3; }
/* the tag chip is a link here; keep its text white */
.forum-wrap .disc-hero-tag a, .forum-wrap .disc-hero-tag a:hover { color:#fff !important; text-decoration:none; }

/* ---- sign-in / register page, composer messages ---- */
.forum-wrap .auth-tabs {display:flex; gap:0; border-bottom:1px solid #DEE2E6; margin-bottom:20px;}
.forum-wrap .auth-tab {background:none; border:0; border-bottom:3px solid transparent; padding:10px 18px; font-size:1rem; font-weight:600; color:#777; cursor:pointer; font-family:inherit;}
.forum-wrap .auth-tab.active {color:#242424; border-bottom-color:#908F51;}
html.dark .forum-wrap .auth-tabs {border-bottom-color:#3a3a3a;}
html.dark .forum-wrap .auth-tab {color:#999;}
html.dark .forum-wrap .auth-tab.active {color:#e4e4da; border-bottom-color:#D4AF37;}
.forum-wrap .hint {font-size:0.8rem; color:#888; margin-top:4px;}
.forum-wrap .forum-user {font-weight:600; margin-right:4px;}
.forum-wrap .forum-signout {font-size:0.9rem; color:#888 !important; margin-left:8px; cursor:pointer;}
.forum-wrap .composer-note {font-size:0.85rem; margin-top:8px; display:none;}

/* ---- progress / confirmation modal (sign in, create account, submit a post) ---- */
.sif-overlay {position:fixed; inset:0; background:rgba(20,20,10,0.55); display:none; align-items:center; justify-content:center; z-index:10000; padding:20px;}
.sif-overlay.on {display:flex;}
.sif-box {background:#fff; color:#242424; border-radius:14px; padding:30px 32px 26px; width:100%; max-width:440px; text-align:center; box-shadow:0 20px 60px rgba(0,0,0,0.35);}
html.dark .sif-box {background:#2a2a24; color:#e4e4da;}
.sif-icon {width:60px; height:60px; border-radius:50%; background:#4a8c5c; margin:0 auto 14px; display:flex; align-items:center; justify-content:center;}
.sif-title {margin:0 0 8px; font-size:1.25rem; font-weight:700;}
.sif-text {margin:0 0 18px; font-size:0.97rem; line-height:1.55; color:#555;}
html.dark .sif-text {color:#bbb;}
.sif-bar {height:10px; border-radius:6px; background:#e3ece6; overflow:hidden; position:relative; margin:0 0 6px;}
html.dark .sif-bar {background:#3a3f3a;}
.sif-bar i {display:block; height:100%; width:0; background:#4a8c5c; border-radius:6px; transition:width .3s;}
.sif-bar.sweep i {position:absolute; width:38%; animation:sif-sweep 1.15s ease-in-out infinite;}
.sif-bar.countdown i {width:100%; transform-origin:left; animation:sif-count linear forwards;}
.sif-btn {margin-top:14px; cursor:pointer;}
@keyframes sif-sweep {0% {left:-40%;} 100% {left:102%;}}
@keyframes sif-count {from {transform:scaleX(1);} to {transform:scaleX(0);}}

/* green tick beside a valid field */
.fld-wrap {position:relative; display:block;}
.fld-wrap .form-input {padding-right:42px;}
.fld-ok {position:absolute; right:12px; top:50%; transform:translateY(-50%) scale(0.6); width:22px; height:22px; border-radius:50%; background:#4a8c5c; color:#fff; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .15s, transform .15s; pointer-events:none;}
.fld-wrap.valid .fld-ok {opacity:1; transform:translateY(-50%) scale(1);}
.fld-wrap.valid .form-input {border-color:#4a8c5c;}
.sif-btn {background:#5B9BD5; color:#fff; border:1px solid #4A8BC4; padding:10px 22px; border-radius:4px; font-weight:600; font-size:0.95rem; font-family:inherit;}
.sif-btn:hover {background:#4A8BC4;}