/* ================================================================
   منتديات الشامل — knozasrar.net
   يعمل على classes vBulletin الأصلية — بدون تعديل templates
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Scheherazade+New:wght@400;700&display=swap');

/* ── BASE ── */
html { direction: rtl; }

body {
  background-color: #080600 !important;
  color: #E8DCC8 !important;
  font-family: 'Amiri', 'Scheherazade New', serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body, table, td, th, div, span, p, li, a, input, select, textarea {
  font-family: 'Amiri', 'Scheherazade New', serif !important;
}

a            { color: #C9A84C !important; text-decoration: none !important; }
a:hover      { color: #E8C97A !important; }
a:visited    { color: #C9A84C !important; }

/* ── PAGE WRAPPER ── */
/* vBulletin wraps everything in a center-aligned table */
body > table,
body > div > table,
table[width="100%"][border="0"][cellpadding="0"][cellspacing="0"] {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* ================================================================
   TOP NAVIGATION TABLE (vBulletin navbar)
   vBulletin renders navbar as table with class="tborder"
================================================================ */

/* The very first tborder table = header area */
table.tborder:first-of-type {
  border: none !important;
  background-color: #0d0900 !important;
  border-bottom: 2px solid #C9A84C !important;
}

/* ── tcat: Section headers ── */
td.tcat,
.tcat {
  background-color: #1a1200 !important;
  border-bottom: 2px solid #C9A84C !important;
  border-top: none !important;
}

td.tcat a, .tcat a {
  color: #E8C97A !important;
  font-family: 'Scheherazade New', 'Amiri', serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}

td.tcat a:hover, .tcat a:hover { color: #fff !important; }

/* ── thead ── */
td.thead, .thead {
  background-color: #1a1200 !important;
  color: #E8C97A !important;
  border-bottom: 1px solid #8B6914 !important;
}

td.thead a, .thead a { color: #E8C97A !important; }

/* ── alt1 rows ── */
td.alt1, .alt1, tr.alt1 td {
  background-color: #111008 !important;
  color: #E8DCC8 !important;
  border-bottom: 1px solid #1a1500 !important;
}

td.alt1 a, .alt1 a { color: #DDD0B8 !important; }
td.alt1 a:hover, .alt1 a:hover { color: #E8C97A !important; }

/* ── alt2 rows ── */
td.alt2, .alt2, tr.alt2 td {
  background-color: #0e0d07 !important;
  color: #E8DCC8 !important;
  border-bottom: 1px solid #141000 !important;
}

td.alt2 a, .alt2 a { color: #DDD0B8 !important; }
td.alt2 a:hover, .alt2 a:hover { color: #E8C97A !important; }

/* ── tfoot ── */
td.tfoot, .tfoot {
  background-color: #0a0800 !important;
  color: #4a3810 !important;
  border-top: 1px solid #2a1f00 !important;
  font-size: 0.78rem !important;
}

td.tfoot a, .tfoot a { color: #8B6914 !important; }
td.tfoot a:hover, .tfoot a:hover { color: #C9A84C !important; }

/* ── tborder (all forum tables) ── */
table.tborder {
  background-color: transparent !important;
  border: 1px solid #2a1f00 !important;
  border-collapse: collapse !important;
  width: 100% !important;
  margin-bottom: 14px !important;
}

/* ── NAVBAR (vBulletin top nav) ── */
td.navbar, .navbar {
  background-color: #0a0800 !important;
  border-bottom: 1px solid #3d2d00 !important;
  padding: 0 !important;
}

/* vBulletin navbar links */
td.navbar a, .navbar a {
  color: #7a6a4a !important;
  padding: 8px 12px !important;
  display: inline-block !important;
  border-bottom: 2px solid transparent !important;
  font-size: 0.88rem !important;
}

td.navbar a:hover, .navbar a:hover {
  color: #E8C97A !important;
  border-bottom-color: #C9A84C !important;
  background-color: rgba(201,168,76,0.06) !important;
}

/* ── Category title bar ── */
div.smallfont, .smallfont { color: #AA9B7D !important; font-size: 0.8rem !important; }

/* ── Forum statistics numbers ── */
td[align="center"].alt1, td[align="center"].alt2 {
  color: #8B6914 !important;
  font-size: 0.82rem !important;
}

/* ── Thread/forum icons ── */
img[src*="statusicon"],
img[src*="forum_new"],
img[src*="forum_old"],
img[src*="thread_"] {
  -webkit-filter: sepia(1) saturate(2) hue-rotate(10deg) brightness(0.85);
  filter: sepia(1) saturate(2) hue-rotate(10deg) brightness(0.85);
}

/* ── Buttons ── */
input[type="submit"], input[type="button"], .button, a.button {
  background-color: #8B6914 !important;
  color: #0a0800 !important;
  border: 1px solid #6b4d08 !important;
  padding: 6px 18px !important;
  font-family: 'Amiri', serif !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  border-radius: 3px !important;
  cursor: pointer !important;
}

input[type="submit"]:hover, .button:hover { background-color: #C9A84C !important; }

/* ── Form inputs ── */
input[type="text"], input[type="password"], textarea, select {
  background-color: #0d0b05 !important;
  border: 1px solid #2a1f00 !important;
  color: #E8DCC8 !important;
  padding: 5px 10px !important;
  border-radius: 3px !important;
  font-family: 'Amiri', serif !important;
}

/* ── Pagination ── */
.pagenav td { background-color: #111008 !important; }
.pagenav a  { color: #AA9B7D !important; }
.pagenav a:hover { color: #C9A84C !important; }

/* ── Who's online strip ── */
td.alt1[style*="padding"] { padding: 10px 16px !important; }

/* ── vBulletin header logo area (td with logo image) ── */
td[background*="header"],
td[style*="header.jpg"] {
  background-color: #0d0900 !important;
  border-bottom: 2px solid #C9A84C !important;
}

/* ── Info/announcement bar ── */
div#navbar_notice,
td#navbar_notice {
  background-color: #3d2d00 !important;
  border-bottom: 1px solid #8B6914 !important;
  color: rgba(255,240,190,0.9) !important;
  padding: 5px 16px !important;
  font-size: 0.78rem !important;
}

/* ── Collapse/expand section headers ── */
div[id^="collapseimg"] img { filter: brightness(2) sepia(1) hue-rotate(15deg) !important; }

/* ── Remove ugly vBulletin default borders ── */
table[cellpadding="4"] td,
table[cellpadding="6"] td {
  border-color: #2a1f00 !important;
}

/* ── Sidebar hide ── */
td[width="175"], td[width="160"] {
  display: none !important;
  width: 0 !important;
  padding: 0 !important;
}

td#td_main, #td_main { width: 100% !important; }

/* ================================================================
   FORUMHOME specific
================================================================ */

/* Category header rows */
tr > td.tcat[colspan] {
  background-color: #1a1200 !important;
  border-bottom: 2px solid #C9A84C !important;
  border-top: 1px solid #8B6914 !important;
}

/* Last post column */
td.alt1 div.smallfont,
td.alt2 div.smallfont {
  color: #5a4a20 !important;
  font-size: 0.76rem !important;
}

/* Forum row hover via JS - fallback */
tr:hover > td.alt1,
tr:hover > td.alt2 {
  background-color: rgba(201,168,76,0.05) !important;
}

/* ================================================================
   SCROLLBAR
================================================================ */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background-color: #060500; }
::-webkit-scrollbar-thumb { background-color: #3d2d00; border-radius: 3px; }

/* ================================================================
   RESPONSIVE
================================================================ */
@media only screen and (max-width: 900px) {
  body { font-size: 14px !important; }
  table.tborder { font-size: 0.85rem !important; }
}

@media only screen and (max-width: 600px) {
  td[width="175"], td[width="160"] { display: none !important; }
  table { font-size: 0.82rem !important; }
}