/* ----- IANNNNN26 CUSTOM STYLES ----- */
/* ==============================================
   1. GLOBAL & RESET
   ============================================== */
body {
    margin: 0;
    padding: 0;
    background: #e2e2e2;
}
body, td, textarea, input, .topic-list td, select, button {
    color: #595959;
    font-family: sans-serif;
    font-size: .95em;
}
input, textarea, button, select { color: #000; }
textarea { width:100%; }
a:link { color: #444; }
a:visited { color: #777; }
a:hover { color: #cc0000; position:relative; top:1px; }
a img { border: 0; }
hr, .hrcolor { height: 1px; border: 0; color: #e8e8e8; background:#e8e8e8; }
table { empty-cells: show; }
.clearfix:after, .group:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
}
.clearfix, .group { zoom: 1; }
.text-center {text-align:center;}

/* ==============================================
   2. HEADER & MENU
   ============================================== */
#head {
    background: #222;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}
#head .logo a {
    display:block;
    width:160px;
    height:50px;
    background: url(/forum/logo.png) no-repeat;
    text-indent:-9999px;
}
.forum-menu {
    text-align:right;
    font-size:.9em;
}
.forum-menu a:link, .forum-menu a:visited { color:#aaa; }

/* Menu Container */
.menu-container a {
    text-decoration: none;
    color: #aaa;
    font-weight: 500;
    padding: 0 5px;
}
.menu-container a:hover, .menu-container a.active { color: #fff; }
#nav { z-index:9999; width:100%; background:#dedede; }

/* User Panel */
.user-panel {
    border-bottom:1px solid #eee;
    background:#fbfbfb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 20px;
}
.user-panel-left {
    display: flex;
    align-items: center;
    flex-grow: 1;
}
.avatar-top { display:inline; margin: 5px 0 0 5px; }
.avatar-top img { max-height:25px; border-radius:5px; box-shadow: none; }
.name {
    padding-left: 10px;
    font-weight:bold;
    max-width:150px;
    overflow:hidden;
    line-height:40px;
}
.name:after { content: " "; color:#aaa; padding: 0 5px 0 10px; }
.name a { text-decoration:none; }
.user-menu { line-height:15px; margin-left:15px; font-size:.95em; }
.user-menu ul { margin: 0; padding: 0; list-style: none; display: flex; gap: 15px; }
.user-menu li { display:inline-block; list-style:none; margin: 0; }
.user-menu li a { text-decoration:none; color:#222; text-shadow: none; }
.welcome-guest { float:left; padding:10px 20px; }
.loginform { float:right; padding:5px 20px; }
.loginform form { display: flex; gap: 5px; }
.loginform input { padding: 4px; border-radius: 3px; border:1px solid #ccc; }

/* Search */
.google-search { margin-left: 20px; }
.search-wrapper { position: relative; display: flex; align-items: center; }
.search-wrapper input[type="text"] {
    width:200px;
    padding:6px 12px;
    line-height:1.2;
    border-radius:20px;
    border: 1px solid #ccc;
    background: #fff;
    outline: none;
    font-size: 0.9em;
}
.search-wrapper button {
    background: #f05061;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-left: -32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-wrapper button i { font-size: 12px; }

/* News */
.news-line {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 300px;
    background: #fff;
    padding: 20px 30px 20px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    z-index: 9999;
    font-size: .9em;
    color: #666;
    border-left: 4px solid #f05061;
}

.news-close {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    color: #999;
    font-size: 1.2em;
}
.news-close:hover {
    color: #f05061;
}


/* PM Notification Bar */
.pm-noti-bar {
    background: #fff;
    color: #222;
    border: 1px solid #ddd;
    border-left: 4px solid #f05061;
    text-align: center;
    padding: 12px 15px;
    font-size: 1.05em;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
    display: block;
    margin: 15px 0;
    border-radius: 4px;
}
.pm-noti-bar a {
    color: #222;
    text-decoration: none;
    transition: color 0.2s;
}
.pm-noti-bar a:hover {
    color: #f05061;
    text-decoration: none;
}
.pm-noti-bar i {
    margin-right: 8px;
    color: #f05061;
    font-size: 1.2em;
    vertical-align: middle;
}

/* ==============================================
   3. COMMON LAYOUT & CLASSES
   ============================================== */
#body {
    max-width:1040px;
    margin: 0 auto;
}

/* SMF Legacy Classes */
.windowbg { color: #444; background: #fff; }
.windowbg2 { color: #555; background: #f7f7f7; }
.windowbg3 { color: #888; background: #f0f0f0; }
.titlebg, .titlebg2 {
    color: #555;
    background: #f5f5f5;
    padding: 10px;
    font-weight: bold;
}
.titlebg a, .titlebg2 a { color: #555; text-decoration: none; }
.titlebg2 a { color: #f05061; text-decoration: underline; }
.catbg, .catbg2, .catbg3 {
    background: #222;
    color: #fff;
    padding: 12px 16px;
    font-weight: bold;
    text-align: left;
}
.catbg2 { background: #222; padding: 0 16px; }
.catbg3 { font-size: .8em; font-weight: normal; }
.catbg a, .catbg2 a, .catbg3 a { color: #fff; text-decoration: none; }
.bordercolor { border:0; padding: 0; margin:0; background:#f0f0f0; }
.tborder { padding: 0; border: 0; background: #ddd; }

/* Tabs */
.maintab_back, .maintab_active_back { color: #fff; text-decoration: none; padding: 6px 8px; }
.maintab_active_back { background: #f05061; border-radius: 3px; }
.maintab_back a, .maintab_active_back a { color: #000; text-decoration: none; }
td.maintab_active_back a { color:#fff !important; font-weight:bold; }
.mirrortab_back a, .mirrortab_active_back a { color: #aaa; text-decoration: none; }

/* Text Utilities */
.smalltext, .middletext { font-size: .8em; }
.normaltext { font-size: .9em; }
.largetext { font-size: 1em; }
.centertext { text-align: center; }
.error { color: #f00; }
.highlight { background-color: #f00; font-weight: bold; color: #fff; padding:4px; }
.quote { color: #888; background-color: #f0f0f0; border: 1px solid #ccc; padding: 10px; }
.code {
    color: #666;
    background: #ededed;
    padding: 10px;
    overflow: auto;
    max-height: 24em;
    border-bottom: 1px solid #ccc;
}

/* ==============================================
   4. BOARD INDEX (MODERN)
   ============================================== */
.board-index-modern { margin-top: 10px; }
.category-block {
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: none;
    overflow: hidden;
}
.cat-header {
    background: linear-gradient(to bottom, #555, #333);
    color: #fff;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 1.1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cat-header a { color: #fff; text-decoration: none; }
.board-list { background: #fff; }
.board-row {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #eee;
    transition: background 0.2s;
}
.board-row:last-child { border-bottom: none; }
.board-row:hover { background: #fafafa; }

/* Board Columns */
.board-icon { flex: 0 0 60px; text-align: center; padding-right: 15px; }
.board-info { flex: 1; padding-right: 15px; }
.board-stats { flex: 0 0 120px; text-align: right; font-size: 0.85em; color: #888; padding-right: 15px; border-right: 1px solid #eee; }
.board-lastpost { flex: 0 0 220px; padding-left: 15px; font-size: 0.85em; }

/* Board Elements */
.board-title { margin: 0 0 5px 0; font-size: 1.1em; }
.board-title a { color: #333; font-weight: bold; }
.board-desc { font-size: 0.9em; color: #666; margin-bottom: 5px; }
.board-mods { font-size: 0.8em; color: #999; font-style: italic; }
.board-children {
    margin-top: 8px;
    font-size: 0.85em;
    padding-top: 8px;
    border-top: 1px dashed #eee;
}
.child-board { display: inline-block; margin-right: 10px; white-space: nowrap; }

/* Icons & Colors */
.board-new { color: #f05061; animation: pulse 2s infinite; }
.board-child-new { color: #ff9800; }
.board-none { color: #ddd; }
.child-link-new, .text-new { color: #f05061 !important; font-weight: bold; }

@keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.8; }
}

.lp-info { line-height: 1.4em; color: #666; }
.lp-info i { color: #aaa; margin-right: 4px; width: 14px; text-align: center; }

/* Mark Read */
.mark-read-bar {
    text-align: right;
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #eee;
    margin-bottom: 20px;
    border-radius: 4px;
}

/* ==============================================
   5. MESSAGE INDEX (MODERN TOPIC LISTING)
   ============================================== */
.child-boards-wrapper { margin-bottom: 20px; }
.child-board-header { background: #666; font-size: 1em; padding: 8px 15px; }
.modern-topic-listing {border: 1px solid #ddd;background: #fff;border-radius: 10px;overflow: hidden;margin-bottom: 20px;}
.mt-header-row {display: flex;background: #f5f5f5;padding: 10px;border-bottom: 1px solid #ccc;font-weight: bold;color: #555;}
.mt-header-row a {color: #555;text-decoration: none;}
.mt-row {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #eee;
    transition: all 0.2s;
}
.mt-row:hover { background: #fafafa; }
.mt-row:last-child { border-bottom: none; }
.is-sticky { background: #fffbe6; }
.is-locked { background: #f9f9f9; opacity: 0.9; }

/* Topic Columns */
.mt-col-icon { flex: 0 0 40px; text-align: center; font-size: 1.2em; color: #ccc; }
.mt-col-subject { flex: 1; padding: 0 10px; min-width: 0; }
.mt-col-starter { flex: 0 0 120px; color: #777; }
.mt-col-lastpost { flex: 0 0 180px; color: #666; padding-left: 10px; border-left: 1px solid #eee; }
.mt-col-check { flex: 0 0 30px; text-align: center; }

/* Topic Elements */
.sticky-icon { color: #f05061; transform: rotate(45deg); }
.poll-icon { color: #4caf50; }
.topic-icon-normal { color: #ddd; }
.mt-row:hover .topic-icon-normal { color: #f05061; }
.subject-line { font-size: 1.05em; margin-bottom: 2px; }
.subject-line a {color: #333;text-decoration: none;font-size: 1.1em;}
.new-badge {
    background: #f05061;
    color: #fff !important;
    font-size: 0.8em !important;
    padding: 3px 6px;
    border-radius: 10px;
    text-decoration: none !important;
    margin: 0 1px;
}
.pages-small { font-size: 0.8em; }
.pages-small a { color: #999; padding: 0 2px; text-decoration: none; }
.quick-mod-actions {
    background: #eee;
    padding: 10px;
    text-align: right;
    border-radius: 4px;
    margin-bottom: 10px;
}

/* ==============================================
   6. POST DISPLAY
   ============================================== */
.topic-panel { padding: 15px 10px; }
.topic-panel .pages { float:left; }
.topic-panel .pages a { padding: 0 5px; text-decoration: none; }
.topic-panel .topic-button { float:right; }
.topic-panel .topic-button i.fa-reply {color: #f05061;}

/* Polls */
.poll-container {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 20px;
    box-shadow: none;
}
.poll-header {
    background: #444;
    color: #fff;
    padding: 10px 15px;
    font-weight: bold;
    border-radius: 4px 4px 0 0;
}
.poll-content { padding: 15px; }
.poll-bar-wrap {
    background: #eee;
    height: 20px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
}
.poll-bar { background: #f05061; height: 100%; }
.poll-val {
    position: absolute;
    top: 0;
    left: 10px;
    line-height: 20px;
    font-size: 0.85em;
    color: #333;
    text-shadow: none;
}

/* Topic Header Bar */
.topic-header-bar {background: #444;color: #fff;padding: 15px 20px;border-radius: 10px;margin-bottom: 8px;display: flex;align-items: center;}
.th-icon { margin-right: 10px; }
.topic-header-bar .fa-2x { font-size: 1em; }
.th-title { font-size: 1.1em; font-weight: bold; }

/* Hide Search in Thread */
.search-in-krajoo { display: none; }

/* Post Layout */
.posts-container { display: flex; flex-direction: column; gap: 15px; }
.post-wrap {display: flex;background: #fff; border-radius: 10px;box-shadow: none;overflow: hidden;border: 1px solid #ddd;}

/* Sidebar */
.post-sidebar {
    flex: 0 0 200px;
    background: #f9f9f9;
    border-right: 1px solid #eee;
    padding: 15px;
    text-align: center;
    font-size: 0.9em;
}
.post-sidebar .username { font-weight: bold; font-size: 1.4em; margin-bottom: 15px; }
.post-sidebar a { text-decoration: none; }
.user-avatar img {
    max-width: 100%;
    height: auto;
    border-radius: 50%;
    margin-bottom: 10px;
    box-shadow: none;
}
.user-info { position: static !important; height: auto !important; }
.user-info > div {position: static !important;width: auto !important;margin-bottom: 4px;visibility: visible !important;font-size: 0.9em;color: #888;}

/* Post Content */
.post-main { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.post-header-row {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fdfdfd;
    color: #ccc;
}
.post-subject a { color: #aaa; text-decoration: none; }
.post-body { padding: 50px; flex: 1; line-height: 1.6em; font-size:1.15em; }
.post-body img, .post img, .personalmessage img { max-width: 100%; height: auto; }
.post-attachments {
    margin: 10px 15px;
    padding: 10px;
    background: #f4f4f4;
    border-radius: 4px;
    border: 1px dashed #ccc;
    font-size: 0.9em;
}
.signature {
    margin: 15px;
    padding-top: 10px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 0.9em;
    opacity: 0.8;
}
.signature:hover { opacity: 1; }
.post-modified, .who-viewing {color: #ccc;padding-bottom: 10px;font-size: .7em;padding: 10px;}

/* Footer Actions */
.post-footer-actions {
    background: #f8f8f8;
    padding: 8px 15px;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-action, .rpc-btn {
    display: inline-block;
    padding: 4px 10px;
    color: #888 !important;
    text-decoration: none;
    font-size: 0.85em;
    border-radius: 6px;
    margin-left: 5px;
    background: #fff;
    border: 1px solid #d9d9d9;
}
.btn-action:hover, .rpc-btn:hover { background: #f05061; color: #fff !important; border-color: #f05061; }
.btn-delete:hover { background: #d32f2f; border-color: #d32f2f; }



/* Quick Reply */
.quick-reply {padding: 15px; margin: 20px 0;overflow: hidden;border:1px solid #aaa; background: #fff;}
.quick-reply textarea {width: 98%;height: 180px;overflow:auto;border: none;padding: 1%;font-size: 1.1em;}
.quick-reply input[type="submit"] { line-height: 150px; }

/* ==============================================
   7. FORMS & INPUTS (Modern)
   ============================================== */
input, button, select, textarea {
    height: auto;
    line-height: normal;
}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], select {
    padding:8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
}
.post-form-container { max-width: 100%; margin: 0 auto; }
.form-group {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.form-label { width: 120px; font-weight: bold; text-align: right; padding-right: 15px; color: #444; }
.form-input { flex: 1; }
.input-wide { width: 100%; }
.input-fat { padding: 12px !important; font-size: 1.1em !important; width: 100%; }
.editor { width: 100%; padding: 10px; box-sizing: border-box; }

.option-row {
    margin-top: 20px !important;
}

/* BBC Buttons */
.bbc_button_container { display: flex; flex-wrap: wrap; gap: 2px; }
.bbc_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    background-color: #e8e8e8;
    border-radius: 3px;
    color: #444;
    transition: all 0.1s ease;
    margin: 0 1px;
}
.bbc_button:hover { background-color: #f0f0f0; transform: translateY(-1px); color: #000; }
.bbc_divider { display: inline-block; width: 1px; height: 27px; background: #ccc; margin: 0 4px; }

/* Pickers */
.color-picker { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 8px; padding: 5px 0; }
.color-swatch {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    border: 1px solid #ddd;
    transition: transform 0.3s;
}
.color-swatch:hover { transform: scale(1.2); border-color: #999; }
.icon-picker { display: flex; flex-wrap: wrap; gap: 5px; padding: 5px 0; }
.icon-swatch { padding: 4px; border: 1px solid transparent; border-radius: 3px; cursor: pointer; background: #fff; }
.icon-swatch.active { background-color: #e8f5e9; border-color: #4caf50; }

/* Submit Button & Preview */
.submit { padding: 30px 10px; margin-top: 20px; text-align: center; }
.submit > input, .submit > button,
#post_confirm_buttons input[type="submit"], #post_confirm_buttons input[type="button"], #post_confirm_buttons button {
    display: inline-block;
    border: 0;
    border-radius: 8px;
    padding: 6px 30px;
    font-size: 1.25em;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(.4,0,.2,1);
    margin: 0 0 0 5px;
    box-shadow: none!important
}

/* Extra large size specifically for the main post submit/preview page */
.submit > input, .submit > button {
    padding: 20px 60px;
    font-size: 1.35em;
}

/* Pink brand colors for all POST / SUBMIT buttons */
.submit > input[name="post"], .submit > button[name="post"],
#post_confirm_buttons input[name="post"], #post_confirm_buttons button[name="post"] {
    background: #f05061 !important;
    color: #fff !important;
    border: 1px solid #f05061 !important;
}
.submit > input[name="post"]:hover, .submit > button[name="post"]:hover,
#post_confirm_buttons input[name="post"]:hover, #post_confirm_buttons button[name="post"]:hover {
    background: #d94050 !important;
    border-color: #d94050 !important;
    transform: translateY(-2px);
}

/* Light gray styling for all PREVIEW / DRAFT / auxiliary buttons */
.submit > input[name="preview"], .submit > button[name="preview"],
#post_confirm_buttons input[name="preview"], #post_confirm_buttons button[name="preview"] {
    background: #e5e5e5 !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
}
.submit > input[name="preview"]:hover, .submit > button[name="preview"]:hover,
#post_confirm_buttons input[name="preview"]:hover, #post_confirm_buttons button[name="preview"]:hover {
    background: #dcdcdc !important;
    transform: translateY(-2px);
}

/* ปุ่มแทรกภาพทั้งหมด */
#btn-insert-all-ajax {
    background: rgb(81, 81, 81) !important;
    color: #fff !important;
}
#btn-insert-all-ajax:hover {
    background: rgb(60, 60, 60) !important;
}

/* ==============================================
   8. FOOTER & MISC
   ============================================== */
.index-footer-stats {
    margin-top: 20px;
    padding: 20px;
    background: #fcfcfc;
    border-top: 1px solid #eee;
    text-align: center;
    color: #777;
}
#footerarea table, #footerarea td { border: 0 !important; }
#footer { margin: 30px 0; padding-top:20px; border-top:1px solid #aaa; }
#footer .main-nav { float:left; width:30%; }
#footer .main-nav ul li { display:inline-block; padding-left:10px; }
#footer .footer-links { float:right; width:30%; text-align:right; padding-right:20px; }
#ajax_in_progress {
    background: #ff1033;
    color: white;
    text-align: center;
    font-size: 1.5em;
    padding: 3px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

/* No Recent / Daomod */
.no-recent {
    text-align:center;
    padding: 0 0 50px 0;
    background: #0f0 url(http://f.ptcdn.info/789/020/000/1404284818-1402472230-o.gif) center center no-repeat;
    background-size:cover;
    color:#fff;
    overflow:hidden;
}
.daomod {
    font:bold 28em sans-serif;
    color:#8fa;
    line-height:.6em;
    margin:100px 0;
    transition: all .5s ease;
}
.daomod:hover { color:#f00; font-size:22em; cursor:pointer; }


/* ==============================================
   10. AJAX UPLOAD (POST)
   ============================================== */
#ajax-dropzone { width: 100%; min-height: 120px; height: auto; padding: 20px; border: 2px dashed #ccc; border-radius: 8px; background: #fcfcfc; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: 0.2s; position: relative; box-sizing: border-box; margin-bottom: 10px; line-height: 1.4; }
#ajax-dropzone.dragover { border-color: #f05061; background: #fff5f6; }
#ajax-upload-loading { display: none; color: #f05061; font-weight: bold; }
#ajax-upload-text { display: flex; flex-direction: column; align-items: center; pointer-events: none; }
.ajax-upload-icon { width: 30px; height: 30px; fill: #f05061; margin-bottom: 5px; }

#ajax-result-list { display: flex; flex-direction: column; gap: 8px; max-height: 250px; overflow-y: auto; margin-bottom: 10px; }
.ajax-result-item { display: flex; align-items: center; gap: 15px; }
.ajax-thumb { width: 60px; height: 60px; object-fit: cover; border-radius: 4px; border: 1px solid #ddd; flex-shrink: 0; }

.ajax-item-details { flex: 1; min-width: 0; display: flex; flex-direction: row; gap: 8px; align-items: stretch; }
.ajax-code-input { flex: 1; height: 42px; padding: 0 15px; border: 1px solid #ccc; border-radius: 4px; font-family: monospace; font-size: 13px; background: #fff; box-sizing: border-box; color: #555; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center;}
.ajax-code-input:focus { border-color: #999; outline: none; }
.ajax-btn-insert-single { flex-shrink: 0; height: 42px; padding: 0 15px; background: #e0e0e0; color: #333; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; font-size: 13px; font-weight: bold; transition: 0.2s; display: flex; align-items: center; gap: 5px; box-sizing: border-box; }
.ajax-btn-insert-single:hover { background: #d0d0d0; }

.ajax-action-panel { display: flex; gap: 10px; align-items: center; justify-content: space-between; border-top: 1px dashed #eee; padding-top: 10px; margin-top: 5px; }
#btn-insert-all-ajax { flex: 1; padding: 12px; background: rgb(81, 81, 81); color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 13px; transition: 0.2s; text-align: center; }
#btn-insert-all-ajax:hover { background: rgb(60, 60, 60); }
#btn-upload-more-ajax { flex-shrink: 0; padding: 12px 20px; background: #eee; color: #333; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 13px; transition: 0.2s; }
#btn-upload-more-ajax:hover { background: #ddd; }
/* iannnnn27 Clean Display Overrides */
.user_info li.stars,
.user_info li.postcount,
.user_info li.blurb,
.user_info li.im_icons,
.user_info li.karma,
.user_info li.custom { display: none !important; }
.user_info li.postgroup { display: block !important; font-size: 0.85em; color: #999; }

/* Message icon in topics */
.board_icon img { display: none; }

/* Fix for SCeditor Toolbar vertical stacking and collapsing */
.sceditor-group {
	display: inline-flex !important;
	flex-flow: row wrap !important;
	height: auto !important;
	width: auto !important;
}
.sceditor-button {
	float: none !important;
	display: inline-block !important;
}/* Reply button in display/topic view */
.button_strip_reply, a.button_strip_reply {
    background: #f05061 !important;
    color: #fff !important;
    border-color: #f05061 !important;
    font-weight: bold;
    box-shadow: none !important;
}
.button_strip_reply:hover, a.button_strip_reply:hover {
    background: #d94050 !important;
    border-color: #d94050 !important;
    color: #fff !important;
}

/* iannnnn27 tweaks for post layout */
#post_header dt.pf_subject {
	float: none;
	width: 100%;
	margin-bottom: 4px;
}
#post_header dd.pf_subject {
	float: none;
	width: 100%;
}
#post_header dd.pf_subject input#subject {
	width: 100%;
	box-sizing: border-box;
	padding: 12px;
	font-size: 1.5em;
	border: 1px solid #ccc;
	border-radius: 4px;
}



/* Hamburger Menu Overrides */
.hamburger-btn { display: none; font-size: 24px; background: transparent; border: none; cursor: pointer; padding: 10px; color: #aaa; margin: 0 auto; }
.hamburger-btn:hover { color: #fff; }

/* ==============================================
   11. CUSTOM MODIFICATIONS
   ============================================== */
/* รีเซ็ตระยะบรรทัดของ .post ให้เป็นปกติ */
.post {
    line-height: normal !important;
}

/* ปุ่ม Split Post สีเทาเข้ม และให้อยู่นอก dropdown */
.quickbuttons > li > a[href*="action=splittopics"] {
    background: #555 !important;
    color: #fff !important;
    border-color: #444 !important;
}
.quickbuttons > li > a[href*="action=splittopics"]:hover {
    background: #333 !important;
    border-color: #222 !important;
}