/*
Theme Name: QNAPoint Master Pro
Theme URI: https://qnapoint.com
Author: QNAPoint Developer
Description: Professional Q&A community theme with advanced search, moderation, profiles, reputation, badges, notifications, REST API and responsive UX.
Version: 12.0.0
*/

:root {
  --primary: #0d6efd;
  --primary-hover: #0b5ed7;
  --bg: #f8f9fa;
  --card-bg: #ffffff;
  --text: #212529;
  --text-muted: #6c757d;
  --border: #e9ecef;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background-color: var(--bg);
  color: var(--text);
  line-height: 1.6;
}

a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Header & Customizable Menu */
.qna-header {
  background: #fff;
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 0;
  z-index: 1000;
  padding: 12px 0;
  box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}

.header-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  gap: 15px;
}

.brand-logo {
  font-size: 24px;
  font-weight: 800;
  color: var(--primary);
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
}

.brand-logo img {
  max-height: 40px;
  width: auto;
}

.main-nav-menu ul {
  display: flex;
  list-style: none;
  gap: 20px;
  align-items: center;
}

.main-nav-menu ul li a {
  color: var(--text);
  font-weight: 600;
  font-size: 15px;
  transition: color 0.2s;
}

.main-nav-menu ul li a:hover {
  color: var(--primary);
  text-decoration: none;
}

/* AJAX Search Box with Live Popup */
.search-box { flex: 1; max-width: 350px; position: relative; }
.search-box input {
  padding: 8px 16px;
  border: 1px solid var(--border);
  border-radius: 20px;
  width: 100%;
  background: var(--bg);
  outline: none;
  font-size: 14px;
}

.ajax-search-results {
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  display: none;
  z-index: 1050;
  max-height: 300px;
  overflow-y: auto;
}

.ajax-search-results a {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid var(--border);
  color: var(--text);
  font-size: 14px;
}

.ajax-search-results a:hover {
  background: #f8f9fa;
  color: var(--primary);
}

.btn-ask {
  background: var(--primary);
  color: #fff !important;
  padding: 8px 18px;
  border-radius: 20px;
  font-weight: 600;
  display: inline-block;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  font-size: 14px;
}

/* Hero Banner */
.hero-banner {
  background: linear-gradient(135deg, var(--primary) 0%, #0044b4 100%);
  color: white;
  text-align: center;
  padding: 40px 20px;
  margin-bottom: 25px;
}
.hero-banner h1 { font-size: 30px; margin-bottom: 10px; font-weight: 800; }
.hero-banner p { font-size: 16px; opacity: 0.9; }

/* Layout */
.main-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 25px;
  padding: 0 20px;
}

.main-content { flex: 3; width: 100%; }
.sidebar { flex: 1; width: 100%; }

/* Cards */
.question-item {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  display: flex;
  gap: 18px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

.vote-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--bg);
  padding: 10px;
  border-radius: 8px;
  min-width: 55px;
  height: fit-content;
}

.vote-btn { background: none; border: none; font-size: 18px; cursor: pointer; color: var(--text-muted); }
.vote-btn:hover { color: var(--primary); }
.vote-count-num { font-weight: 700; font-size: 15px; margin: 2px 0; }

.question-details { flex: 1; }
.q-meta { font-size: 13px; color: var(--text-muted); margin-bottom: 8px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.q-title { font-size: 19px; margin-bottom: 10px; font-weight: 700; word-break: break-word; }
.q-title a { color: var(--text); }
.q-title a:hover { color: var(--primary); }

.q-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid var(--border);
  font-size: 14px;
}

.ans-badge {
  background: #e7f1ff;
  color: var(--primary);
  padding: 4px 12px;
  border-radius: 15px;
  font-weight: 600;
  font-size: 13px;
}

.view-badge { font-size: 12px; color: var(--text-muted); }

.user-badge {
  background: #28a745;
  color: #fff;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: bold;
}

/* Actions */
.q-actions { display: flex; gap: 10px; margin-top: 15px; align-items: center; flex-wrap: wrap; }
.btn-share {
  background: #f1f3f5;
  color: var(--text);
  border: 1px solid var(--border);
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.btn-share:hover { background: #e9ecef; text-decoration: none; }

.btn-report {
  background: #fff0f0;
  color: #dc3545;
  border: 1px solid #fecaca;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
}

.accepted-badge {
  background: #d4edda;
  color: #155724;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 10px;
}

/* Related Questions Section */
.related-questions-box {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 20px;
  margin-top: 25px;
}
.related-questions-box h3 { font-size: 18px; margin-bottom: 12px; color: var(--text); }
.related-questions-box ul { list-style: none; }
.related-questions-box ul li { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dashed var(--border); }

/* Sidebar & Footer */
.widget { background: var(--card-bg); border: 1px solid var(--border); border-radius: 12px; padding: 20px; margin-bottom: 20px; }
.widget-title { font-size: 17px; font-weight: 700; margin-bottom: 12px; border-bottom: 2px solid var(--primary); display: inline-block; padding-bottom: 4px; }

.qna-footer { background: #fff; border-top: 1px solid var(--border); padding: 30px 0; text-align: center; margin-top: 40px; color: var(--text-muted); font-size: 14px; }
.footer-socials { display: flex; justify-content: center; gap: 15px; margin-top: 10px; }

/* Responsive */
@media screen and (max-width: 992px) {
  .main-wrapper { flex-direction: column; padding: 0 15px; }
  .sidebar { order: 2; }
  .main-content { order: 1; }
}

@media screen and (max-width: 768px) {
  .header-container { flex-wrap: wrap; padding: 0 15px; gap: 10px; }
  .main-nav-menu ul { gap: 10px; flex-wrap: wrap; font-size: 13px; }
  .search-box { order: 3; max-width: 100%; width: 100%; }
  .question-item { flex-direction: column; padding: 15px; gap: 12px; }
  .vote-box { flex-direction: row; width: 100%; min-width: 100%; justify-content: space-around; padding: 6px 15px; }
}


/* QNAPoint Master Pro v9 enhancements */
.header-actions { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.header-profile { color:var(--text); font-size:14px; font-weight:600; }
.header-profile:hover { color:var(--primary); text-decoration:none; }
.vote-btn { width:34px; height:30px; border-radius:7px; transition:background .15s,color .15s,transform .15s; }
.vote-btn.is-active { color:var(--primary); background:#e7f1ff; }
.vote-btn:focus-visible,.btn-ask:focus-visible,.btn-share:focus-visible,.btn-report:focus-visible,input:focus-visible,textarea:focus-visible { outline:3px solid rgba(13,110,253,.25); outline-offset:2px; }
.single-question-layout { margin-top:25px; }
.question-single-card { padding:25px; }
.single-title { font-size:30px; line-height:1.25; margin:4px 0 18px; overflow-wrap:anywhere; }
.q-body { font-size:16px; line-height:1.75; overflow-wrap:anywhere; }
.q-body img { max-width:100%; height:auto; }
.q-body pre { max-width:100%; overflow:auto; padding:15px; background:#f6f8fa; border-radius:8px; }
.status-badge { display:inline-flex; align-items:center; padding:3px 9px; border-radius:999px; font-size:11px; font-weight:700; }
.status-badge.is-open { background:#fff3cd; color:#856404; }
.status-badge.is-solved { background:#d4edda; color:#155724; }
.answers-section { margin-top:30px; background:#fff; padding:22px; border-radius:12px; border:1px solid var(--border); }
.answers-section > h2 { font-size:20px; margin-bottom:18px; border-bottom:2px solid var(--primary); display:inline-block; padding-bottom:5px; }
.answer-card { border-bottom:1px solid var(--border); padding:17px 0; }
.answer-card:last-child { border-bottom:0; }
.answer-card.is-accepted { background:#f0fff4; padding:17px; border-radius:10px; margin-bottom:10px; }
.answer-author { color:var(--primary); font-weight:700; font-size:14px; }
.answer-date { color:#888; font-size:11px; margin:3px 0 9px; }
.answer-content { font-size:15px; line-height:1.7; overflow-wrap:anywhere; }
.add-answer-box { margin-top:25px; background:var(--bg); padding:18px; border-radius:10px; }
.add-answer-box h3 { margin-bottom:12px; font-size:17px; }
.add-answer-box textarea, .form-card input[type=text], .form-card textarea { width:100%; padding:12px; border-radius:8px; border:1px solid #ccc; font:inherit; background:#fff; }
.form-card { background:#fff; padding:25px; border-radius:12px; border:1px solid var(--border); }
.form-card h1 { font-size:24px; margin-bottom:18px; border-bottom:2px solid var(--primary); display:inline-block; padding-bottom:5px; }
.field-group { margin:0 0 18px; }
.field-group > label { display:block; font-weight:700; margin-bottom:6px; }
.checkbox-label { display:inline-flex !important; align-items:center; gap:7px; font-weight:500 !important; }
.form-message { padding:11px 13px; border-radius:7px; margin-bottom:15px; }
.form-message.is-error { background:#f8d7da; color:#721c24; }
.form-message.is-success { background:#d4edda; color:#155724; }
.honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }
.ajax-no-results { padding:12px; color:#777; font-size:13px; }
.is-bookmarked { background:#fff8db !important; border-color:#f0d36a !important; }
.qna-pagination { margin:25px 0 10px; }
.qna-pagination ul { list-style:none; display:flex; flex-wrap:wrap; gap:7px; padding:0; }
.qna-pagination a,.qna-pagination span { display:inline-flex; min-width:38px; min-height:36px; align-items:center; justify-content:center; padding:5px 10px; border:1px solid var(--border); border-radius:7px; background:#fff; }
.qna-pagination .current { background:var(--primary); color:#fff; border-color:var(--primary); }
.footer-menu ul { list-style:none; display:flex; justify-content:center; flex-wrap:wrap; gap:15px; margin:10px 0; }
.footer-menu a { color:var(--text-muted); font-size:13px; }
.empty-state { color:var(--text-muted); padding:20px 0; }
@media screen and (max-width:768px) {
  .header-actions { margin-left:auto; }
  .header-profile { display:none; }
  .single-title { font-size:24px; }
  .question-single-card { padding:16px; }
  .answers-section { padding:16px; }
}

/* QNAPoint Master Pro v10 */
.theme-toggle,.notification-toggle{padding:6px 9px!important;min-width:38px;justify-content:center}
.notification-count{font-size:10px;font-weight:700;min-width:16px}.notification-panel{position:absolute;right:20px;top:65px;width:330px;max-width:calc(100vw - 30px);background:var(--card-bg,#fff);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 35px rgba(0,0,0,.15);z-index:1000;overflow:hidden}.notification-panel-head{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.mark-notifications-read{border:0;background:none;color:var(--primary);cursor:pointer;font-size:12px}.notification-list{max-height:360px;overflow:auto}.notification-item{display:block;padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text)}.notification-item.is-unread{background:rgba(13,110,253,.06)}.notification-item small{display:block;color:var(--text-muted);margin-top:4px}.follow-count{font-size:11px}.answer-vote-row{display:flex;align-items:center;gap:6px;margin:8px 0}.answer-vote{border:1px solid var(--border);background:var(--card-bg,#fff);border-radius:5px;padding:3px 7px;cursor:pointer}.answer-vote.is-active{color:var(--primary);background:#e7f1ff}.answer-score{font-weight:700;min-width:25px;text-align:center}.profile-card{background:var(--card-bg,#fff);border:1px solid var(--border);border-radius:14px;padding:28px;display:flex;gap:22px;align-items:flex-start}.profile-avatar img{border-radius:50%}.profile-card h1{margin:0 0 8px}.profile-stats{display:flex;gap:20px;flex-wrap:wrap;margin-top:15px;color:var(--text-muted)}.profile-stats strong{color:var(--text)}.profile-badges{margin-top:25px;background:var(--card-bg,#fff);border:1px solid var(--border);border-radius:12px;padding:20px}.profile-badges h2,.profile-section-title{font-size:19px;margin:0 0 14px}.profile-badge{display:inline-block;background:#fff4cf;border:1px solid #ecd77a;border-radius:20px;padding:6px 10px;margin:3px;font-size:12px}.profile-question{padding:13px 0;border-bottom:1px solid var(--border)}.profile-question a{font-weight:700}.profile-question small{display:block;color:var(--text-muted);margin-top:4px}.profile-section-title{margin-top:28px}.qna-dark{--bg:#101418;--card-bg:#171c21;--text:#e8edf2;--text-muted:#aab4bf;--border:#303841}.qna-dark .qna-header,.qna-dark .qna-footer{background:#14191e}.qna-dark input,.qna-dark textarea,.qna-dark .wp-editor-container,.qna-dark .btn-share,.qna-dark .answer-vote,.qna-dark .qna-pagination a,.qna-dark .qna-pagination span{background:#1d242b;color:var(--text);border-color:#39434d}.qna-dark .question-item,.qna-dark .answers-section,.qna-dark .related-questions-box,.qna-dark .widget,.qna-dark .form-card,.qna-dark .profile-card,.qna-dark .profile-badges{background:var(--card-bg)}.qna-dark .answer-card.is-accepted{background:#16261b}.qna-dark a{color:#75b7ff}
@media(max-width:768px){.notification-panel{right:8px;top:110px}.profile-card{flex-direction:column}.profile-stats{gap:10px}}

/* QNAPoint Master Pro v10 */
.theme-toggle,.notification-toggle{padding:6px 9px!important;min-width:38px;justify-content:center}.notification-count{font-size:10px;font-weight:700;min-width:16px}.notification-panel{position:absolute;right:20px;top:65px;width:330px;max-width:calc(100vw - 30px);background:var(--card-bg,#fff);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 35px rgba(0,0,0,.15);z-index:1000;overflow:hidden}.notification-panel-head{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.mark-notifications-read{border:0;background:none;color:var(--primary);cursor:pointer;font-size:12px}.notification-list{max-height:360px;overflow:auto}.notification-item{display:block;padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text)}.notification-item.is-unread{background:rgba(13,110,253,.06)}.notification-item small{display:block;color:var(--text-muted);margin-top:4px}.follow-count{font-size:11px}.answer-vote-row{display:flex;align-items:center;gap:6px;margin:8px 0}.answer-vote{border:1px solid var(--border);background:var(--card-bg,#fff);border-radius:5px;padding:3px 7px;cursor:pointer}.answer-vote.is-active{color:var(--primary);background:#e7f1ff}.answer-score{font-weight:700;min-width:25px;text-align:center}.profile-card{background:var(--card-bg,#fff);border:1px solid var(--border);border-radius:14px;padding:28px;display:flex;gap:22px;align-items:flex-start}.profile-avatar img{border-radius:50%}.profile-card h1{margin:0 0 8px}.profile-stats{display:flex;gap:20px;flex-wrap:wrap;margin-top:15px;color:var(--text-muted)}.profile-stats strong{color:var(--text)}.profile-badges{margin-top:25px;background:var(--card-bg,#fff);border:1px solid var(--border);border-radius:12px;padding:20px}.profile-badges h2,.profile-section-title{font-size:19px;margin:0 0 14px}.profile-badge{display:inline-block;background:#fff4cf;border:1px solid #ecd77a;border-radius:20px;padding:6px 10px;margin:3px;font-size:12px}.profile-question{padding:13px 0;border-bottom:1px solid var(--border)}.profile-question a{font-weight:700}.profile-question small{display:block;color:var(--text-muted);margin-top:4px}.profile-section-title{margin-top:28px}.qna-dark{--bg:#101418;--card-bg:#171c21;--text:#e8edf2;--text-muted:#aab4bf;--border:#303841}.qna-dark .qna-header,.qna-dark .qna-footer{background:#14191e}.qna-dark input,.qna-dark textarea,.qna-dark .wp-editor-container,.qna-dark .btn-share,.qna-dark .answer-vote,.qna-dark .qna-pagination a,.qna-dark .qna-pagination span{background:#1d242b;color:var(--text);border-color:#39434d}.qna-dark .question-item,.qna-dark .answers-section,.qna-dark .related-questions-box,.qna-dark .widget,.qna-dark .form-card,.qna-dark .profile-card,.qna-dark .profile-badges{background:var(--card-bg)}.qna-dark .answer-card.is-accepted{background:#16261b}.qna-dark a{color:#75b7ff}@media(max-width:768px){.notification-panel{right:8px;top:110px}.profile-card{flex-direction:column}.profile-stats{gap:10px}}

/* QNAPoint v11 */
.qna-advanced-search{display:grid;grid-template-columns:minmax(0,1fr) 150px 150px auto;gap:10px;margin:0 0 22px;padding:15px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px}
.qna-advanced-search input,.qna-advanced-search select{min-width:0;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}
.qna-search-result,.qna-dashboard-card,.qna-leaderboard{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:14px}
.qna-search-result h3{margin:5px 0}.qna-search-result small{color:var(--text-muted)}
.qna-status-pill{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--bg);font-size:12px;font-weight:700}
.qna-user-dashboard{margin-bottom:25px}.qna-dashboard-profile{display:flex;gap:18px;align-items:center}.qna-dashboard-profile img{border-radius:50%}.qna-dashboard-profile h2{margin:0}.qna-dashboard-profile p{color:var(--text-muted);margin:3px 0}.qna-expertise-list{display:flex;gap:6px;flex-wrap:wrap}.qna-expertise-list span{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:12px}.qna-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.qna-dashboard-card h3{margin-bottom:10px}.qna-dashboard-card ul{padding-left:18px}.qna-leaderboard ol{margin:0;padding:0;list-style:none}.qna-leaderboard li{border-top:1px solid var(--border);padding:10px 0}.qna-leaderboard li:first-child{border-top:0}.qna-leaderboard a{display:flex;align-items:center;gap:10px}.qna-leaderboard img{border-radius:50%}.qna-leaderboard small{display:block;color:var(--text-muted)}
body.qna-dark .qna-advanced-search input,body.qna-dark .qna-advanced-search select{background:#1c2430;color:#f1f3f5;border-color:#343d4a}body.qna-dark .qna-status-pill{background:#1c2430}
@media(max-width:800px){.qna-advanced-search{grid-template-columns:1fr}.qna-dashboard-grid{grid-template-columns:1fr}}
.qna-v11-statusbar{align-items:center;justify-content:space-between;margin-top:18px;margin-bottom:10px}.qna-status-actions{display:flex;gap:6px;flex-wrap:wrap}.qna-status-actions .btn-share{border:1px solid var(--border);background:var(--card-bg);color:var(--text);padding:6px 10px;border-radius:7px;cursor:pointer}


/* QNAPoint Master Pro v12 - Advanced Layout & Widget System */
.main-wrapper.qna-layout-both { grid-template-columns: var(--qna-sidebar-width) minmax(0, 1fr) var(--qna-sidebar-width); }
.main-wrapper.qna-layout-left { grid-template-columns: var(--qna-sidebar-width) minmax(0, 1fr); }
.main-wrapper.qna-layout-right { grid-template-columns: minmax(0, 1fr) var(--qna-sidebar-width); }
.main-wrapper.qna-layout-none { grid-template-columns: minmax(0, 1fr); }
.main-wrapper.qna-layout-left .sidebar-left { grid-column:1; grid-row:1; }
.main-wrapper.qna-layout-left .main-content { grid-column:2; grid-row:1; }
.main-wrapper.qna-layout-right .main-content { grid-column:1; grid-row:1; }
.main-wrapper.qna-layout-right .sidebar-right { grid-column:2; grid-row:1; }
.main-wrapper.qna-layout-both .sidebar-left { grid-column:1; grid-row:1; }
.main-wrapper.qna-layout-both .main-content { grid-column:2; grid-row:1; }
.main-wrapper.qna-layout-both .sidebar-right { grid-column:3; grid-row:1; }
.main-wrapper.qna-layout-none .main-content { grid-column:1; grid-row:1; }
.main-wrapper { max-width: var(--qna-content-max); display:grid; align-items:start; }
.qna-sidebar { min-width:0; }
.qna-sidebar .widget { margin-bottom:18px; }
.qna-sidebar .widget:last-child { margin-bottom:0; }
.qna-layout-both .qna-sidebar, .qna-layout-left .qna-sidebar, .qna-layout-right .qna-sidebar { width:100%; }
.qna-sidebar-sticky .qna-sidebar { position:sticky; top:88px; }
.qna-footer-inner { max-width:var(--qna-content-max); margin:0 auto; padding:0 15px 20px; }
.qna-footer-widgets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding:25px 0; border-bottom:1px solid rgba(127,127,127,.18); }
.qna-footer-column .widget { margin:0; }
.qna-footer-copy { padding-top:18px !important; }
.qna-default-widget p { font-size:13px; color:var(--text-muted); }
@media(min-width:769px) {
  .qna-layout-both.qna-sticky-sidebars .qna-sidebar,
  .qna-layout-left.qna-sticky-sidebars .qna-sidebar,
  .qna-layout-right.qna-sticky-sidebars .qna-sidebar { position:sticky; top:88px; }
}
@media(max-width:1100px) {
  .main-wrapper.qna-layout-both { grid-template-columns:210px minmax(0,1fr) 210px; }
  .qna-footer-widgets { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:768px) {
  .main-wrapper.qna-layout-both,.main-wrapper.qna-layout-left,.main-wrapper.qna-layout-right,.main-wrapper.qna-layout-none { display:flex; flex-direction:column; }
  .main-wrapper.qna-layout-both .main-content,.main-wrapper.qna-layout-left .main-content,.main-wrapper.qna-layout-right .main-content,.main-wrapper.qna-layout-none .main-content { order:1; width:100%; }
  .main-wrapper .sidebar-left { order:2; }
  .main-wrapper .sidebar-right { order:3; }
  .qna-footer-widgets { grid-template-columns:1fr; }
}

@media(max-width:768px){
  .qna-mobile-sidebars-hidden .qna-sidebar{display:none!important;}
}


/* QNAPoint v13 - Header Builder */
.qna-header-brand-wrap{display:flex;align-items:center;gap:8px;min-width:0}.brand-logo{min-width:0}.brand-logo-image{display:block;object-fit:contain}.brand-site-icon{display:block;flex:0 0 auto;border-radius:6px}.brand-site-title{display:inline-block}.qna-header-menu{display:flex;align-items:center;flex:0 0 auto}.qna-primary-menu{margin:0!important;padding:0!important}.qna-mobile-menu-toggle{display:none;border:1px solid var(--border);background:var(--card-bg,#fff);color:var(--text);border-radius:8px;padding:6px 9px;cursor:pointer}.qna-header-search{min-width:150px}.qna-header .header-container{min-height:50px}.qna-header .brand-logo:hover{text-decoration:none}.qna-header .brand-logo img{max-width:100%}
@media(max-width:980px){.qna-header .header-container{flex-wrap:wrap}.qna-header-menu{order:5;width:100%;display:none}.qna-header-menu.is-open{display:block}.qna-header-menu .qna-primary-menu{display:flex;flex-wrap:wrap}.qna-mobile-menu-toggle{display:inline-flex}.qna-header-brand-wrap{flex:1}.qna-header-search{order:4;flex:1 1 100%;max-width:none}.qna-header .header-actions{margin-left:auto}}
@media(max-width:600px){.qna-header{padding:8px 0}.qna-header .header-container{padding:0 12px;gap:8px}.brand-site-title{max-width:140px;overflow:hidden;text-overflow:ellipsis}.qna-header .header-profile{display:none}.qna-header .btn-ask{font-size:12px;padding:7px 9px}.qna-header-search input{min-height:38px}.qna-header-menu .qna-primary-menu{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 0!important}.qna-header-menu .qna-primary-menu li{width:100%}.qna-header-menu .qna-primary-menu a{display:block;padding:7px 2px}}

/* QNAPoint v13.1 - reliable custom logo rendering */
.qna-header .brand-logo-image{width:auto;height:auto;max-width:100%;object-fit:contain;vertical-align:middle}
.qna-header .brand-logo{display:inline-flex;align-items:center;gap:8px}