/* Hide legacy content section when new WP markup is present */
/* Removed global hide to allow thread page content to show */
.wpShell{ display:none; }
/* ===== WordPress-style override skin (append only) ===== */

.wpWrap{
  padding: 28px 14px 70px;
  background:#f6f7fb;
}

.wpShell{
  max-width: 1040px;
  margin: 0 auto;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  box-shadow: 0 12px 30px rgba(2,6,23,0.08);
  padding: 18px;
}

.wpShell h1, .wpShell h2{
  margin: 0 0 10px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.wpShell input[type="text"], .wpShell select{
  width: 100%;
  border:1px solid #e5e7eb;
  border-radius: 10px;
  padding: 12px 12px;
  outline: none;
  background:#fff;
  font-size: 15px;
}

.wpShell button{
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius: 10px;
  padding: 10px 12px;
  font-weight: 700;
  cursor:pointer;
}

.wpShell button.primary{
  background:#0d2b57;
  color:#fff;
  border-color: rgba(13,43,87,.25);
}

.wpShell .forumRow{
  display:grid;
  grid-template-columns: 1fr 120px 180px;
  gap: 12px;
  padding: 14px 10px;
  border-top: 1px solid #e5e7eb;
  align-items: center;
}

.wpShell .forumRow:hover{ background:#f9fafb; }

.wpShell .forumTitle{
  font-weight: 800;
  font-size: 16px;
  color:#0f172a;
}

.wpShell .forumDesc{
  margin-top:6px;
  color:#6b7280;
  font-size: 14px;
}

@media (max-width: 900px){
  .wpShell .forumRow{ grid-template-columns: 1fr; }
}
/* WordPress-style Forums Layout (clean + consistent) */

:root{
  --wpInk:#111827;
  --wpMuted:#6b7280;
  --wpBorder:#e5e7eb;
  --wpCard:#ffffff;
  --wpShell:#ffffff;
  --wpBrand:#0d2b57;
  --wpShadow: 0 10px 30px rgba(2, 6, 23, 0.08);
  --wpRadius: 14px;
}

*{ box-sizing:border-box; }
body{ font-family:"Poppins", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; color:var(--wpInk); }

.wpWrap{
  padding: 34px 16px 70px;
  background: var(--wpShell);
}

.wpHead{
  max-width: 1040px;
  margin: 0 auto 16px;
}

.wpKicker{
  margin: 0 0 6px;
  color: var(--wpMuted);
  font-size: .95rem;
}

.wpTitle{
  margin: 0 0 14px;
  font-size: 2.2rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--wpInk);
}

.wpSearch{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 14px 14px;
  border: 1px solid var(--wpBorder);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(17,24,39,0.03);
}

.wpSearch i{ color: var(--wpMuted); }
.wpSearch input{
  border:none;
  outline:none;
  width:100%;
  font-size: 1rem;
}

.wpTopRow{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.wpLeft{
  display:flex;
  align-items:center;
  gap: 10px;
}

.wpMuted{ color: var(--wpMuted); font-size: .95rem; }

#forumCategory{
  border: 1px solid var(--wpBorder);
  border-radius: 10px;
  padding: 10px 12px;
  background:#fff;
  font-size: .95rem;
}

.wpActions{
  display:flex;
  gap: 10px;
  align-items:center;
}

.wpBtn{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--wpBorder);
  background: #fff;
  cursor:pointer;
  font-weight: 700;
  font-size: .92rem;
}

.wpBtn:disabled{
  opacity: .55;
  cursor:not-allowed;
}

.wpBtnPrimary{
  background: var(--wpBrand);
  color: #fff;
  border-color: rgba(13,43,87,0.25);
}

.wpTable{
  max-width: 1040px;
  margin: 16px auto 0;
  background: var(--wpCard);
  border: 1px solid var(--wpBorder);
  border-radius: var(--wpRadius);
  box-shadow: var(--wpShadow);
  overflow:hidden;
}

.wpTableHead{
  display:grid;
  grid-template-columns: 1fr 120px 200px;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--wpBorder);
  color: var(--wpMuted);
  font-weight: 800;
}

.wpColReplies{ text-align:center; }

#topicList{ display:flex; flex-direction:column; }

.wpRow{
  display:grid;
  grid-template-columns: 1fr 120px 200px;
  gap: 12px;
  align-items:center;
  padding: 16px 16px;
  border-bottom: 1px solid var(--wpBorder);
}

.wpRow:hover{ background: #f9fafb; }
.wpRow.selected{
  background: #eef2ff;
  outline: 2px solid rgba(37,99,235,0.20);
  outline-offset: -2px;
}

.wpTopicTitle{
  font-weight: 800;
  color: #0f172a;
  font-size: 1.05rem;
}

.wpTopicDesc{
  margin-top: 6px;
  color: var(--wpMuted);
  font-size: .95rem;
  line-height: 1.35;
}

.wpReplies{
  text-align:center;
  font-weight: 900;
  color: #0f172a;
  font-size: 1rem;
}

.wpLatest{
  color: #374151;
  font-size: .95rem;
}

.wpTopicTop{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}

.wpMiniBtn{
  border: 1px solid var(--wpBorder);
  background:#fff;
  border-radius: 999px;
  padding: 8px 10px;
  font-weight: 800;
  cursor:pointer;
  font-size: .85rem;
  display:inline-flex;
  gap: 8px;
  align-items:center;
}
.wpMiniBtn:hover{ background:#f3f4f6; }

.wpPill{
  display:inline-block;
  margin-top: 10px;
  font-size: .82rem;
  font-weight: 700;
  color: #0f172a;
  background: #f3f4f6;
  border: 1px solid rgba(17,24,39,0.08);
  padding: 6px 10px;
  border-radius: 999px;
}

.wpNoResults{
  padding: 16px;
  color: var(--wpMuted);
  font-style: italic;
}

/* Modals */
.wpNoScroll{ overflow:hidden; }

.wpModal{ position:fixed; inset:0; display:none; z-index: 9999; }
.wpModal.open{ display:block; }

.wpModalBackdrop{
  position:absolute; inset:0;
  background: rgba(2,6,23,0.55);
}

.wpModalDialog{
  position:relative;
  width: min(720px, calc(100% - 24px));
  margin: 10vh auto;
  background:#fff;
  border: 1px solid var(--wpBorder);
  border-radius: var(--wpRadius);
  box-shadow: 0 20px 40px rgba(2,6,23,0.35);
  overflow:hidden;
}

.wpModalHead{
  display:flex;
  align-items:center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid var(--wpBorder);
}

.wpModalHead h2{
  margin:0;
  font-size: 1.15rem;
  font-weight: 900;
}

.wpModalClose{
  border:none;
  background:transparent;
  font-size: 1.6rem;
  cursor:pointer;
  color: var(--wpMuted);
}

.wpModalBody{ padding: 14px 16px; }
.wpModalActions{
  padding: 14px 16px;
  border-top: 1px solid var(--wpBorder);
  display:flex;
  justify-content:flex-end;
  gap: 10px;
}

.wpLabel{
  display:block;
  margin: 10px 0 6px;
  font-weight: 800;
  font-size: .92rem;
}

.wpInput{
  width: 100%;
  border: 1px solid var(--wpBorder);
  border-radius: 10px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: .95rem;
  outline: none;
}

.wpInput:focus{
  border-color: rgba(13,43,87,0.35);
  box-shadow: 0 0 0 4px rgba(13,43,87,0.10);
}

.wpStatus{
  margin: 10px 0 0;
  color: #b91c1c;
  font-weight: 700;
  font-size: .92rem;
}

.wpSelectedMeta{
  padding: 10px 12px;
  border: 1px solid var(--wpBorder);
  border-radius: 10px;
  background: #f9fafb;
  margin-bottom: 10px;
}

.wpSelectedLabel{ color: var(--wpMuted); font-weight: 800; font-size: .85rem; }
.wpSelectedTitle{ font-weight: 900; margin-top: 2px; }

/* Mobile */
@media (max-width: 900px){
  .wpTableHead{ display:none; }
  .wpRow{ grid-template-columns: 1fr; }
  .wpReplies, .wpLatest{ text-align:left; margin-top: 10px; }
  .wpTopicTop{ align-items:flex-start; }
}

/* ===== Thread Page Styles ===== */
.thread-header{
  max-width: 1040px;
  margin: 18px auto 10px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 12px;
}
.back-link{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  text-decoration:none;
  font-weight: 800;
  color: var(--wpBrand);
}
.thread-sub{
  margin: 8px 0 0;
  color: var(--wpMuted);
}

.thread-shell{
  max-width: 1040px;
  margin: 10px auto 24px;
  background: var(--wpCard);
  border: 1px solid var(--wpBorder);
  border-radius: var(--wpRadius);
  box-shadow: var(--wpShadow);
  padding: 16px;
}

.post-form-label{
  display:block;
  margin: 12px 0 6px;
  font-weight: 800;
  color: var(--wpInk);
}
.input, .textarea{
  width: 100%;
  border: 1px solid var(--wpBorder);
  border-radius: 10px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: .95rem;
  outline: none;
}
.textarea{ min-height: 110px; resize: vertical; }
.input:focus, .textarea:focus{
  border-color: rgba(13,43,87,0.35);
  box-shadow: 0 0 0 4px rgba(13,43,87,0.10);
}

.post-actions{ margin-top: 10px; }
#post-btn{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--wpBorder);
  background: var(--wpBrand);
  color:#fff;
  font-weight: 800;
  cursor:pointer;
}

.messages-list{ margin-top: 14px; }
.message-card{
  display:flex;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid var(--wpBorder);
}
.message-avatar{
  width: 36px; height: 36px;
  border-radius: 999px;
  background:#22c55e; color:#052e16;
  font-weight: 900;
  display:flex; align-items:center; justify-content:center;
}
.message-body{ flex: 1 1 auto; }
.message-meta{ color: var(--wpMuted); font-weight: 700; margin-bottom: 4px; }
.message-text{ white-space: pre-wrap; }

/* Inline forum info in thread card */
.thread-inline-title{
  margin: 0 0 6px;
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--wpInk);
}
.thread-inline-desc{
  margin: 0 0 8px;
  color: var(--wpMuted);
}

/* ===== FAQ Page Styles ===== */
.faqWrap{ padding: 34px 16px 70px; background:#fff; }
.faqInner{ max-width:1040px; margin:0 auto; }
.faqHead{ display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; margin: 10px 0 8px; }
.faqTitle{ grid-column:2; text-align:center; font-weight:800; font-size:2rem; letter-spacing:0.06em; text-transform:uppercase; }
.faqTitle::after{ content:""; display:block; width:48px; height:3px; background:#111827; margin:10px auto 0; border-radius:2px; }
.faqEmail{ grid-column:3; justify-self:end; padding:10px 14px; border-radius:10px; border:1px solid var(--wpBorder); background:#f8d0cc; color:#111827; font-weight:800; box-shadow:0 1px 0 rgba(17,24,39,0.03); text-decoration:none; }
.faqTools{ display:flex; justify-content:flex-end; margin: 18px 0; }
.faqSearch{ display:flex; align-items:center; gap:10px; width:min(420px,100%); padding:10px 12px; border:1px solid var(--wpBorder); border-radius:10px; box-shadow:0 1px 0 rgba(17,24,39,0.03); }
.faqSearch input{ border:none; outline:none; width:100%; font-size:1rem; }
.faqList{ border-top:1px solid var(--wpBorder); }
.faqItem{ border-bottom:1px solid var(--wpBorder); }
.faqItem summary{ list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 0; cursor:pointer; font-weight:700; }
.faqChevron{ color:#6b7280; transition: transform .2s ease; }
details[open] .faqChevron{ transform: rotate(180deg); }
.faqAnswer{ color:#1f2937; padding: 0 0 16px; }