:root{--sb-red:#b91c1c;--sb-dark:#15171b;--sb-muted:#bdbdbd;--sb-line:#4a4a4a;--sb-bg:#272727;--sb-card:#323232;--sb-head:#3a3a3a;--sb-text:#f2f2f2;--sb-gold:#ffc857;--sb-gold-hover:#ffd76a}
.sboards-wrap{max-width:1180px;margin:30px auto;font-family:Arial,"Noto Sans Thai",sans-serif;color:var(--sb-text)}
.sboards-wrap *{box-sizing:border-box}
.sboards-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;background:linear-gradient(120deg,#191b20,#30343b);color:#fff;border-radius:12px 12px 0 0;border:1px solid var(--sb-line)}
.sboards-hero h1{margin:3px 0 5px;font-size:34px;color:#fff}.sboards-hero p{margin:0;color:#d1d5db}.sboards-kicker{font-size:11px;letter-spacing:2px;color:var(--sb-gold)}
.sboards-btn{display:inline-block;border:0;border-radius:7px;background:#d4af37;color:#111!important;padding:11px 17px;text-decoration:none;font-weight:700;cursor:pointer;transition:.2s}.sboards-btn:hover{background:#e2c14d;color:#111!important}
.sboards-filter{display:grid;grid-template-columns:1fr 230px 100px;gap:10px;background:var(--sb-bg);border:1px solid var(--sb-line);padding:14px}
.sboards-filter input,.sboards-filter select,.sboards-filter button,.sboards-form input,.sboards-form select,.sboards-form textarea{box-sizing:border-box;width:100%;border:1px solid #5a5a5a;border-radius:6px;padding:11px;background:var(--sb-card)!important;color:#fff!important}
.sboards-filter input::placeholder,.sboards-form input::placeholder,.sboards-form textarea::placeholder{color:#9f9f9f}.sboards-filter select option,.sboards-form select option{background:var(--sb-card);color:#fff}
.sboards-filter button{background:#d4af37!important;color:#111!important;cursor:pointer;font-weight:700}.sboards-filter button:hover{background:#e2c14d!important}
.sboards-table{border:1px solid var(--sb-line);border-top:0;background:var(--sb-card)!important;color:var(--sb-text)}
.sboards-row{display:grid;grid-template-columns:minmax(0,1fr) 180px 65px 65px;align-items:center;gap:12px;padding:15px 18px;border-top:1px solid var(--sb-line);background:var(--sb-card)!important;color:#e6e6e6;transition:.2s}
.sboards-row:hover{background:#3f3f3f!important}.sboards-head{background:var(--sb-head)!important;font-size:12px;font-weight:700;color:#fff;border-top:0}.sboards-head:hover{background:var(--sb-head)!important}
.sboards-title{display:block;margin:5px 0 4px;color:var(--sb-gold)!important;font-size:17px;font-weight:700;text-decoration:none}.sboards-title:hover{color:var(--sb-gold-hover)!important}
.sboards-tag{display:inline-block;background:#4a2424;color:#ffb8b8;border-radius:4px;padding:3px 7px;font-size:11px}.sboards-topic-cell small,.sboards-reply small{color:var(--sb-muted)}
.sboards-author{display:flex;align-items:center;gap:8px;font-size:13px;color:#e5e5e5}.sboards-author img,.sboards-reply img{border-radius:50%}
.sboards-card{background:var(--sb-card)!important;border:1px solid var(--sb-line);border-radius:10px;padding:28px;color:var(--sb-text);box-shadow:0 10px 30px rgba(0,0,0,.20)}
.sboards-card h1,.sboards-card h2,.sboards-card h3{color:#fff}.sboards-card p,.sboards-card li,.sboards-card div{color:#e6e6e6}.sboards-card a{color:var(--sb-gold)}
.sboards-form{display:grid;gap:18px}.sboards-form label{display:grid;gap:7px;font-weight:700;color:#f2f2f2}.sboards-form textarea{resize:vertical;font-family:inherit;line-height:1.7}
.sboards-single{background:transparent!important;color:var(--sb-text)!important}.sboards-single>p,.sboards-single>div,.sboards-single li,.sboards-single span{color:#e6e6e6}.sboards-single h1,.sboards-single h2,.sboards-single h3,.sboards-single h4{color:#fff}.sboards-single a{color:var(--sb-gold)}.sboards-single a:hover{color:var(--sb-gold-hover)}
.sboards-single blockquote{background:#2b2b2b;border-left:4px solid #d4af37;padding:16px 20px;color:#ddd}.sboards-single pre,.sboards-single code{background:#1f1f1f;color:#9df5b2;border-radius:5px}.sboards-single pre{padding:16px;overflow:auto}
.sboards-replies{margin-top:35px;color:var(--sb-text)}.sboards-replies h2{color:#fff}
.sboards-reply{display:grid;grid-template-columns:145px 1fr;border:1px solid var(--sb-line);border-radius:8px;margin:12px 0;background:var(--sb-card)!important;color:var(--sb-text);overflow:hidden}
.sboards-reply aside{display:flex;flex-direction:column;align-items:center;gap:7px;padding:20px;background:#2d2d2d!important;border-right:1px solid var(--sb-line);color:#fff}.sboards-reply>div{padding:20px;min-height:100px;background:var(--sb-card)!important;color:#e6e6e6}.sboards-reply p{color:#e6e6e6}.sboards-reply strong{color:#fff}
.sboards-reply-form{margin-top:20px;padding:22px;border:1px solid var(--sb-line);border-radius:8px;background:var(--sb-card)!important;color:var(--sb-text)}
.sboards-alert{margin-bottom:15px;padding:12px 15px;border-left:4px solid var(--sb-gold);background:#3b3423;color:#fff}.sboards-empty{padding:35px;text-align:center;color:var(--sb-muted);background:var(--sb-card)}
.sboards-pagination{text-align:center;margin:18px 0}.sboards-pagination .page-numbers{display:inline-block;margin:2px;padding:7px 11px;border:1px solid var(--sb-line);background:var(--sb-card);color:var(--sb-gold);text-decoration:none}.sboards-pagination .current{background:#d4af37;color:#111}
.sboards-login-note{padding:18px;background:#3b3423;color:#f4e4b2;border:1px solid #625530;border-radius:7px}
.sboards-wrap input:focus,.sboards-wrap select:focus,.sboards-wrap textarea:focus{outline:2px solid #d4af37;outline-offset:1px;border-color:#d4af37}
@media(max-width:760px){.sboards-hero{align-items:flex-start;flex-direction:column}.sboards-filter{grid-template-columns:1fr}.sboards-row{grid-template-columns:1fr 45px 45px}.sboards-row>div:nth-child(2),.sboards-head>div:nth-child(2){display:none}.sboards-reply{grid-template-columns:85px 1fr}.sboards-reply aside{padding:14px 8px}.sboards-head{font-size:10px}.sboards-wrap{margin:12px}.sboards-hero h1{font-size:27px}.sboards-card{padding:18px}}

/* Hello Elementor / Elementor compatibility: darken only SBoards pages. */
body.sboards-dark-page,
body.sboards-dark-page #page,
body.sboards-dark-page .site,
body.sboards-dark-page .site-main,
body.sboards-dark-page main,
body.sboards-dark-page article,
body.sboards-dark-page .page-content,
body.sboards-dark-page .entry-content,
body.sboards-dark-page .post,
body.sboards-dark-page .type-page,
body.sboards-dark-page .type-sboard_topic,
body.sboards-dark-page .elementor,
body.sboards-dark-page .elementor-location-single,
body.sboards-dark-page .elementor-section-wrap,
body.sboards-dark-page .elementor-section,
body.sboards-dark-page .elementor-container,
body.sboards-dark-page .elementor-column-wrap,
body.sboards-dark-page .elementor-widget-wrap,
body.sboards-dark-page .e-con,
body.sboards-dark-page .e-con-inner,
body.sboards-dark-page .elementor-widget-container {
    background-color:#272727 !important;
    color:#f2f2f2 !important;
}

body.sboards-dark-page .entry-title,
body.sboards-dark-page .page-title,
body.sboards-dark-page .post-title,
body.sboards-dark-page .elementor-heading-title {
    color:#ffffff !important;
}

body.sboards-dark-page .entry-content,
body.sboards-dark-page .entry-content p,
body.sboards-dark-page .entry-content li,
body.sboards-dark-page .entry-content td,
body.sboards-dark-page .entry-content label,
body.sboards-dark-page .page-content,
body.sboards-dark-page .page-content p,
body.sboards-dark-page .elementor-widget-text-editor,
body.sboards-dark-page .elementor-widget-text-editor p,
body.sboards-dark-page .elementor-widget-theme-post-content,
body.sboards-dark-page .elementor-widget-theme-post-content p {
    color:#e6e6e6 !important;
}

body.sboards-dark-page .entry-content h1,
body.sboards-dark-page .entry-content h2,
body.sboards-dark-page .entry-content h3,
body.sboards-dark-page .entry-content h4,
body.sboards-dark-page .entry-content h5,
body.sboards-dark-page .entry-content h6,
body.sboards-dark-page .elementor-widget-theme-post-content h1,
body.sboards-dark-page .elementor-widget-theme-post-content h2,
body.sboards-dark-page .elementor-widget-theme-post-content h3,
body.sboards-dark-page .elementor-widget-theme-post-content h4 {
    color:#ffffff !important;
}

body.sboards-dark-page .entry-content a,
body.sboards-dark-page .page-content a,
body.sboards-dark-page .elementor-widget-theme-post-content a {
    color:#ffc857 !important;
}
body.sboards-dark-page .entry-content a:hover,
body.sboards-dark-page .page-content a:hover,
body.sboards-dark-page .elementor-widget-theme-post-content a:hover {
    color:#ffd76a !important;
}

body.sboards-dark-page .entry-content blockquote,
body.sboards-dark-page .elementor-widget-theme-post-content blockquote {
    background:#323232 !important;
    border-left:4px solid #d4af37 !important;
    color:#e6e6e6 !important;
    padding:16px 20px;
}

body.sboards-dark-page .entry-content table,
body.sboards-dark-page .elementor-widget-theme-post-content table {
    background:#323232 !important;
    color:#e6e6e6 !important;
    border-color:#4a4a4a !important;
}
body.sboards-dark-page .entry-content th,
body.sboards-dark-page .elementor-widget-theme-post-content th {
    background:#3a3a3a !important;
    color:#fff !important;
    border-color:#4a4a4a !important;
}
body.sboards-dark-page .entry-content td,
body.sboards-dark-page .elementor-widget-theme-post-content td {
    background:#323232 !important;
    border-color:#4a4a4a !important;
}

body.sboards-dark-page input:not([type="submit"]):not([type="button"]),
body.sboards-dark-page select,
body.sboards-dark-page textarea {
    background:#323232 !important;
    color:#fff !important;
    border-color:#5a5a5a !important;
}
body.sboards-dark-page input::placeholder,
body.sboards-dark-page textarea::placeholder { color:#a8a8a8 !important; }

/* Keep site header/footer unchanged when built with Elementor. */
body.sboards-dark-page .elementor-location-header,
body.sboards-dark-page .elementor-location-header *,
body.sboards-dark-page .elementor-location-footer,
body.sboards-dark-page .elementor-location-footer * {
    background-color:revert-layer;
}

/* SBoards Pro editor and images */
.sboards-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px;background:#202020;border:1px solid #4a4a4a;border-bottom:0;border-radius:8px 8px 0 0}
.sboards-editor-toolbar button{appearance:none;border:1px solid #555;background:#363636;color:#f5f5f5;border-radius:6px;padding:8px 12px;cursor:pointer;font:inherit}
.sboards-editor-toolbar button:hover{background:#454545;border-color:#d4af37;color:#ffd76a}
.sboards-rich-text{border-radius:0 0 8px 8px!important;min-height:210px}
.sboards-image-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:12px}
.sboards-preview-item{background:#202020;border:1px solid #4a4a4a;border-radius:8px;padding:8px;overflow:hidden}
.sboards-preview-item img{display:block;width:100%;height:105px;object-fit:cover;border-radius:5px}
.sboards-preview-item span{display:block;margin-top:6px;color:#d7d7d7;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sboards-help{color:#bdbdbd;font-size:13px;margin:8px 0 16px}
.sboards-image-figure{margin:22px auto;text-align:center}
.sboards-content-image,.sboards-single img.sboards-content-image,.sboards-reply img.sboards-content-image{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:10px;border:1px solid #4a4a4a;background:#1f1f1f}
.sboards-single figure,.sboards-reply figure{background:transparent!important}

/* WordPress Visual Editor สำหรับ SBoards Pro */
.sboards-wp-editor-wrap{margin-top:8px}.sboards-wp-editor-wrap .wp-editor-wrap{border:1px solid #555;border-radius:6px;overflow:hidden;background:#323232}.sboards-wp-editor-wrap .wp-editor-tools{background:#272727;padding:7px 8px 0}.sboards-wp-editor-wrap .wp-switch-editor{background:#3a3a3a!important;color:#f2f2f2!important;border-color:#555!important}.sboards-wp-editor-wrap .wp-switch-editor.switch-tmce,.sboards-wp-editor-wrap .wp-switch-editor.switch-html{border-bottom-color:#555!important}.sboards-wp-editor-wrap .mce-toolbar-grp,.sboards-wp-editor-wrap .mce-top-part::before{background:#f5f5f5!important}.sboards-wp-editor-wrap .mce-edit-area{border-top:1px solid #555!important}.sboards-wp-editor-wrap textarea.wp-editor-area{background:#323232!important;color:#f2f2f2!important;border:0!important;min-height:220px}.sboards-upload-actions{display:flex;gap:8px;margin-top:10px}.sboards-upload-actions .sboards-add-image{background:#d4af37;color:#111;border:0;border-radius:5px;padding:10px 15px;font-weight:700;cursor:pointer}.sboards-upload-actions .sboards-add-image:hover{background:#e2c14d}.sboards-image-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}.sboards-preview-item{background:#323232;border:1px solid #4a4a4a;border-radius:6px;padding:7px;color:#ddd}.sboards-preview-item img{display:block;width:100%;height:110px;object-fit:contain;background:#222;border-radius:4px}.sboards-preview-item span{display:block;margin-top:6px;font-size:12px;overflow-wrap:anywhere}