/**
 * eMJey forum CSS — loaded by KunenaTemplateAurelia::initialize() (inherited by template “emjey”).
 * Path: media/kunena/core/css/custom.css
 *
 * Fixes black pagination: YOOtheme theme.43.rtl.css sets --bs-white:#000000 globally.
 */

@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&display=swap");

#kunena {
  --bs-white: #ffffff;
  --bs-black: #000000;
  --bs-body-color: #1e293b;
  --bs-body-bg: #ffffff;
  --bs-border-color: #e2e8f0;

  --kf-radius: 14px;
  --kf-radius-sm: 9px;
  --kf-bg-page: #eef1f6;
  --kf-surface: #ffffff;
  --kf-surface-2: #f8fafc;
  --kf-border: #e2e8f0;
  --kf-border-strong: #cbd5e1;
  --kf-text: #0f172a;
  --kf-muted: #64748b;
  --kf-accent: #c9a227;
  --kf-accent-hover: #a98616;
  --kf-accent-soft: rgba(201, 162, 39, 0.14);
  --kf-shadow: 0 2px 8px rgba(15, 23, 42, 0.06), 0 12px 32px rgba(15, 23, 42, 0.05);
  --kf-font: "Vazirmatn", "Segoe UI", Tahoma, system-ui, sans-serif;
}

#kunena,
#kunena button,
#kunena input,
#kunena select,
#kunena textarea {
  font-family: var(--kf-font);
  font-feature-settings: "kern" 1, "liga" 1;
  -webkit-font-smoothing: antialiased;
}

#kunena {
  color: var(--kf-text);
  font-size: 1rem;
  line-height: 1.65;
}

#kunena h1,
#kunena h2,
#kunena h3,
#kunena .card-header {
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--kf-text);
}

#kunena .text-muted,
#kunena small.text-muted {
  color: var(--kf-muted) !important;
}

body[class*="com-kunena"] #tm-main,
body[class*="com-kunena"] .tm-main {
  background: var(--kf-bg-page);
}

/* Menubar (see html/com_kunena/layouts/widget/menubar/default.php override) */
#kunena .emjey-kunena-menubar {
  background: linear-gradient(180deg, #fdfdfb 0%, #f0f0ec 100%) !important;
  border: 1px solid var(--kf-border) !important;
  box-shadow: var(--kf-shadow) !important;
}

#kunena .emjey-kunena-menubar .navbar-nav .nav-link {
  font-weight: 600;
  color: #334155 !important;
}

#kunena .emjey-kunena-menubar .navbar-nav .nav-link:hover,
#kunena .emjey-kunena-menubar .navbar-nav .nav-link:focus {
  color: var(--kf-accent-hover) !important;
}

#kunena .kfrontend {
  margin: 1.5rem 0 2.5rem;
}

#kunena .table {
  border-collapse: separate;
  border-spacing: 0;
  background: var(--kf-surface);
  border: 1px solid var(--kf-border);
  border-radius: var(--kf-radius);
  /* overflow: hidden removed — was clipping topic rows inside fixed-layout shells */
  box-shadow: var(--kf-shadow);
  width: 100%;
  display: table; /* override any Bootstrap utility that flips this to flex/grid */
}

#kunena .table thead th {
  background: linear-gradient(180deg, #fafbfc 0%, #f1f5f9 100%);
  color: var(--kf-text);
  font-weight: 600;
  font-size: 0.875rem;
  border-bottom: 1px solid var(--kf-border);
  padding: 0.85rem 1rem;
}

#kunena .table tbody td {
  padding: 0.85rem 1rem;
  vertical-align: middle;
  border-color: var(--kf-border);
}

#kunena .table tbody tr:hover td {
  background: rgba(250, 250, 249, 0.95);
}

#kunena .table > :not(:first-child) {
  border-top: 0;
}

#kunena [class*="category-"].category-red,
#kunena [class*="category-"].category-green,
#kunena [class*="category-"].category-yellow,
#kunena [class*="category-"].category-blue,
#kunena [class*="category-"].category-grey,
#kunena [class*="category-"].category-pink {
  background-color: transparent !important;
}

#kunena tr.krow1-stickymsg:nth-child(odd),
#kunena tr.krow1-stickymsg:nth-child(even) {
  background-color: rgba(201, 162, 39, 0.07) !important;
}

#kunena .topic-item-unread {
  border-left: none !important;
  border-inline-start: 3px solid var(--kf-accent) !important;
  border-radius: var(--kf-radius-sm) !important;
  background: linear-gradient(90deg, var(--kf-accent-soft) 0%, transparent 48%);
}

html[dir="rtl"] #kunena .topic-item-unread {
  background: linear-gradient(270deg, var(--kf-accent-soft) 0%, transparent 48%);
}

#kunena .btn-primary,
#kunena .btn-success {
  background-color: var(--kf-accent) !important;
  border-color: var(--kf-accent) !important;
  color: #1a1204 !important;
  font-weight: 600;
  border-radius: var(--kf-radius-sm);
  padding: 0.45rem 1.1rem;
}

#kunena .btn-primary:hover,
#kunena .btn-success:hover,
#kunena .btn-primary:focus,
#kunena .btn-success:focus {
  background-color: var(--kf-accent-hover) !important;
  border-color: var(--kf-accent-hover) !important;
  color: #120c02 !important;
}

#kunena .btn-outline-primary,
#kunena .btn-outline-secondary {
  border-radius: var(--kf-radius-sm);
  font-weight: 600;
}

#kunena .btn-outline-primary {
  color: var(--kf-accent) !important;
  border-color: var(--kf-accent) !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

#kunena .btn-outline-primary:hover {
  background-color: var(--kf-accent) !important;
  color: #1a1204 !important;
}

#kunena .btn-outline-secondary {
  color: var(--kf-text) !important;
  border-color: var(--kf-border-strong) !important;
  background: #fff !important;
}

#kunena .btn-outline-secondary:hover {
  background: var(--kf-surface-2) !important;
  border-color: var(--kf-accent) !important;
}

#kunena .btn-secondary,
#kunena .btn-default {
  border-radius: var(--kf-radius-sm);
  border-color: var(--kf-border-strong);
  color: var(--kf-text);
  background: var(--kf-surface);
}

#kunena .horizontal-message,
#kunena [class*="badger-left"],
#kunena .message {
  border-radius: var(--kf-radius) !important;
  border-color: var(--kf-border) !important;
  box-shadow: var(--kf-shadow) !important;
}

#kunena .kmsg {
  font-family: var(--kf-font);
  line-height: 1.75;
}

#kunena blockquote,
#kunena blockquote.Quote,
#kunena blockquote.UserQuote {
  border-inline-start: 4px solid var(--kf-accent);
  border-left: none;
  margin-inline-start: 0;
  padding-inline-start: 1rem;
  background: var(--kf-surface-2);
  border-radius: var(--kf-radius-sm);
}

#kunena .breadcrumb {
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  font-size: 0.875rem;
}

#kunena .breadcrumb-item a {
  color: #92700d;
  font-weight: 500;
  text-decoration: none;
}

#kunena .breadcrumb-item a:hover {
  text-decoration: underline;
  color: var(--kf-accent-hover);
}

#kunena .pagination .page-link,
#kunena ul.pagination > li > a,
#kunena ul.pagination > li > span,
#kunena .pagination a.page-link,
#kunena .pagination span.page-link {
  background-color: #ffffff !important;
  color: #1e293b !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: var(--kf-radius-sm) !important;
  font-weight: 600;
  min-width: 2.35rem;
  text-align: center;
}

#kunena .pagination li.active .page-link,
#kunena .pagination .active .page-link {
  background-color: var(--kf-accent) !important;
  border-color: var(--kf-accent) !important;
  color: #1a1204 !important;
}

#kunena .pagination li.disabled span.page-link,
#kunena .pagination .disabled .page-link,
#kunena .pagination li.disabled > span {
  background-color: #f1f5f9 !important;
  color: #94a3b8 !important;
  border-color: #e2e8f0 !important;
}

#kunena .pagination .page-link:hover:not(.active):not(:disabled) {
  background-color: #fffbeb !important;
  border-color: var(--kf-accent) !important;
  color: #78350f !important;
}

#kunena .profile-horizontal-top,
#kunena .profile-horizontal-bottom {
  border-radius: var(--kf-radius);
  border: 1px solid var(--kf-border);
  background: var(--kf-surface-2) !important;
  box-shadow: none !important;
}

#kunena .form-control,
#kunena textarea.form-control,
#kunena select.form-select {
  border-radius: var(--kf-radius-sm);
  border-color: var(--kf-border-strong);
  font-family: var(--kf-font);
  background-color: #fff !important;
  color: var(--kf-text) !important;
}

#kunena .form-control:focus,
#kunena textarea.form-control:focus,
#kunena select.form-select:focus {
  border-color: var(--kf-accent);
  box-shadow: 0 0 0 3px var(--kf-accent-soft);
}

#kunena .dropzone {
  border-radius: var(--kf-radius);
  border-color: var(--kf-border) !important;
  background: var(--kf-surface-2) !important;
}

#kunena .kwho-moderator {
  color: #0369a1 !important;
}

#kunena .kwho-admin {
  color: #b91c1c !important;
}

#kunena .kwho-globalmod,
#kunena .kwho-globalmoderator {
  color: #9a3412 !important;
}

#kunena #kwho,
#kunena #kstats {
  background: var(--kf-surface);
  border: 1px solid var(--kf-border);
  border-radius: var(--kf-radius);
  padding: 1rem 1.25rem;
  box-shadow: var(--kf-shadow);
}

html[dir="rtl"] #kunena .viewsnum,
html[dir="rtl"] #kunena .repliesnum {
  float: left;
}

html[dir="rtl"] #kunena #messages li {
  float: right;
}

html[dir="rtl"] #kunena div.krss-block {
  float: left;
}

html[dir="rtl"] #kunena .kreply-form {
  margin-right: 20px;
  margin-left: 0;
}

html[dir="rtl"] #kunena .kattachment-insert {
  margin-right: 20px;
  margin-left: 0;
}

html[dir="rtl"] #kunena .report {
  margin-right: 20px;
  margin-left: 0;
}

html[dir="rtl"] #kunena .intro {
  margin: 0 60px 10px 0;
}

html[dir="rtl"] #kunena .timefilter {
  padding-left: 0;
  padding-right: 10px;
}

html[dir="rtl"] #kunena sup.knewchar {
  padding-left: 0;
  padding-right: 3px;
}

html[lang|="fa"] #kunena {
  font-variant-numeric: proportional-nums;
}

/* Cover banner (page layout override — same image as JomSocial profile header) */
#kunena .emjey-kunena-cover {
  width: 100%;
  min-height: clamp(120px, 22vw, 280px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: var(--kf-radius);
  margin-bottom: 1rem;
  box-shadow: var(--kf-shadow);
}

/* Defensive: make sure topic / category tables are never hidden by parent overflow */
#kunena .table,
#kunena .table tbody,
#kunena .table tbody tr,
#kunena .table tbody td,
#kunena .table tbody th {
  visibility: visible !important;
}

/* Joomla eMJey-Forum shell — keep Kunena block fluid */
.emjey-forum-main #kunena,
body.tmpl-emjey-forum #kunena {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

body.tmpl-emjey-forum #kunena.layout,
body.tmpl-emjey-forum #kunena {
  background-color: transparent !important;
  background-image: none !important;
  --kf-bg-page: transparent;
}

body.tmpl-emjey-forum[class*="com-kunena"] #tm-main,
body.tmpl-emjey-forum[class*="com-kunena"] .tm-main {
  background: transparent !important;
}