/* Iran-Travian Medieval Green — MyBB 1.8.x */
:root {
  color-scheme: light;
  --it-forest: #082d17;
  --it-forest-2: #0d4923;
  --it-forest-3: #15632c;
  --it-leaf: #3b8d2d;
  --it-gold: #c7a65b;
  --it-gold-light: #ead8a4;
  --it-parchment: #f4efdf;
  --it-parchment-2: #eae1c9;
  --it-ink: #263628;
  --it-muted: #687061;
  --it-line: rgba(110, 88, 42, .34);
}

html { direction: rtl; }
body {
  margin: 0;
  background: radial-gradient(ellipse at top, #284c2a 0, #142f1b 48%, #0a1e11 100%);
  color: var(--it-ink);
  direction: rtl;
  text-align: right;
  font: 13px/1.65 Tahoma, Arial, sans-serif;
  overflow-wrap: break-word;
}
* { box-sizing: border-box; }
a:link, a:visited { color: #17612d; text-decoration: none; transition: color .15s ease, background-color .15s ease; }
a:hover, a:active { color: #0b3518; text-decoration: underline; }
img { max-width: 100%; height: auto; }
input, select, textarea, button { font: inherit; }
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], select, textarea {
  max-width: 100%; padding: 8px 10px; border: 1px solid #b7ae92; border-radius: 5px;
  background: #fffdf6; color: #243126; box-shadow: inset 0 1px 2px rgba(27,39,19,.06);
}
input:focus, select:focus, textarea:focus { outline: 2px solid rgba(70, 139, 45, .25); border-color: #4e8a38; }
input[type="submit"], input[type="button"], button, .button {
  padding: 7px 13px; color: #fffbe8; border: 1px solid #8caa52; border-radius: 5px;
  background: linear-gradient(#2f852b, #10501e); cursor: pointer; font-weight: bold;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover, .button:hover { background: linear-gradient(#3f9b35, #155c24); }
.smalltext { font-size: 11px; color: var(--it-muted); }
.largetext { font-size: 17px; font-weight: bold; }
.float_left { float: left; }
.float_right { float: right; }
.clear { clear: both; }

#container {
  width: min(97%, 1510px);
  min-width: 0;
  margin: 0 auto;
  background: transparent;
  color: var(--it-ink);
  text-align: right;
  font: inherit;
}
.wrapper { width: 96%; min-width: 0; max-width: 1450px; margin: 0 auto; }
#header { display: flex; flex-direction: column; background: var(--it-forest); border: 1px solid #a98a43; border-top: 0; box-shadow: 0 5px 17px rgba(0,0,0,.35); }
#panel { order: 0; color: #f0e7c8; background: linear-gradient(#071e10, #0b3519); border-bottom: 1px solid #967b3d; }
#panel .upper { min-height: 38px; padding: 4px 0; background: linear-gradient(#0d3819, #082713); }
#panel .upper .wrapper { width: 96%; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#panel .welcome { color: #f3e8c9; font-size: 12px; }
#panel .welcome a, #panel a { color: #fff4cc; }
#panel .welcome a:hover, #panel a:hover { color: #fff; }
#panel .lower { padding: 3px 0; background: rgba(0,0,0,.12); }
#panel .lower .wrapper { min-height: 10px; }
.it-toplinks { display: inline-flex; flex-wrap: wrap; gap: 5px; align-items: center; vertical-align: middle; margin: 0 12px 0 0; }
.it-toplinks a {
  display: inline-flex; align-items: center; justify-content: center; min-height: 27px; padding: 3px 10px;
  color: #fff8dc !important; white-space: nowrap; border: 1px solid #718d3e; border-radius: 5px;
  background: linear-gradient(#256d25, #0c3d1b); font-size: 11px; font-weight: bold; text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.it-toplinks a:hover { background: linear-gradient(#398c2f, #145321); border-color: #d4b665; }

#logo {
  order: 1;
  height: 158px;
  min-height: 100px;
  overflow: hidden;
  padding: 0 !important;
  position: relative;
  border-bottom: 2px solid #a8873a;
  background: #153d20 url(../../../images/iran_travian/brand-banner.jpg) center center / cover no-repeat !important;
}
#logo .wrapper { height: 100%; min-height: 0; display: flex; align-items: center; position: relative; }
#logo .wrapper > a { display: inline-block; max-width: 100%; text-decoration: none; }
#logo .wrapper img { width: 1px !important; height: 1px !important; opacity: 0 !important; position: absolute !important; }
#logo:after { content: ""; pointer-events: none; position: absolute; inset: 0; box-shadow: inset 0 0 24px rgba(0,0,0,.24); }

#header #menu { order: 2; margin: 0; padding: 0; min-height: 42px; border-bottom: 2px solid #b49a54; background: linear-gradient(#0e4a22, #062a15); }
#header ul.menu, #header #menu ul {
  display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 0;
  margin: 0; padding: 0; list-style: none; direction: rtl;
}
#header ul.menu li, #header #menu ul li { display: block; margin: 0; padding: 0; border-left: 1px solid rgba(210,187,112,.28); }
#header ul.menu li a, #header #menu ul li a {
  display: block; padding: 10px 13px; color: #f9f0d3; font-weight: bold; font-size: 12px; text-decoration: none;
  background: transparent; line-height: 20px;
}
#header ul.menu li a:hover, #header #menu ul li a:hover { background: linear-gradient(#24732b, #0c3c1b); color: #fff; }
#header ul.menu li a:before, #header #menu ul li a:before { content: "◆"; color: #d8bd72; font-size: 8px; margin-left: 7px; vertical-align: 1px; }

#content {
  width: auto !important; min-width: 0; overflow: visible;
  position: relative; margin: 12px auto 15px; padding: 10px;
  border: 1px solid #8d7541; border-radius: 10px;
  background: linear-gradient(135deg, rgba(255,252,239,.97), rgba(231,222,197,.98));
  box-shadow: 0 5px 18px rgba(0,0,0,.26), inset 0 0 0 2px rgba(255,255,255,.36);
}
#content > .navigation, .navigation {
  margin: 0 0 10px; padding: 8px 11px; color: #eae0bc;
  border: 1px solid #a58b4a; border-radius: 6px;
  background: linear-gradient(#124a21, #092d17);
}
.navigation a:link, .navigation a:visited { color: #fff0c6; }
.navigation .active { color: #fff7dc; font-weight: bold; }

.tborder {
  width: 100%; border: 1px solid #a38a4d !important; border-radius: 7px; overflow: hidden;
  margin: 0 0 12px !important; border-spacing: 0; background: var(--it-parchment);
  box-shadow: 0 2px 6px rgba(45,39,21,.13);
}
.thead {
  padding: 9px 12px !important; color: #f9f0d0 !important; font-weight: bold;
  border: 0 !important; background: linear-gradient(#176029, #0b3519) !important;
  border-bottom: 1px solid #967c3b !important; text-shadow: 0 1px 1px rgba(0,0,0,.45);
}
.thead a:link, .thead a:visited, .thead a:hover { color: #fff5d4 !important; }
.tcat {
  padding: 7px 10px !important; color: #20452a !important; font-weight: bold;
  border-bottom: 1px solid #cfc3a1 !important; background: linear-gradient(#e9dfc2, #dbcfad) !important;
}
.trow1, .trow2 { padding: 8px 10px !important; color: #2b3529; background: #f7f2e3 !important; border-color: #ded4b9 !important; }
.trow2 { background: #eee6d0 !important; }
.trow_shaded { background: #e1d6b8 !important; }
.trow_sep { color: #d8c69a !important; background: #d7c79f !important; }
.tfoot { padding: 7px 10px !important; color: #f8eed0 !important; background: #164824 !important; border-top: 1px solid #9d8748 !important; }
.tfoot a:link, .tfoot a:visited { color: #fff1bf; }
.tborder td, .tborder th { border-color: var(--it-line) !important; }
.tborder .thead td { border-bottom-color: #987c3e !important; }
.tborder table { border: 0; }

.forum_status {
  display: inline-block; width: 32px; height: 32px; border-radius: 8px;
  border: 1px solid #b4a15e; background: linear-gradient(#1c6a2a, #083316) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 4px rgba(0,0,0,.14);
}
.forum_on, .forum_off, .forum_offclose, .forum_offlink { background-image: none !important; }
.forum_on:after, .forum_off:after, .forum_offclose:after, .forum_offlink:after { display: block; color: #f7edc9; text-align: center; line-height: 30px; font-size: 17px; font-weight: bold; }
.forum_on:after { content: "✦"; }
.forum_off:after { content: "•"; }
.forum_offclose:after { content: "×"; }
.forum_offlink:after { content: "↗"; }
.subforumicon { margin: 0 4px; }

#it-server-sidebar { z-index: 4; }
.it-side-panel {
  margin: 0 0 12px; padding: 0 8px 8px; border: 2px solid #a88b48; border-radius: 10px;
  background: linear-gradient(145deg, #0c371a, #061e10); color: #f7edd0;
  box-shadow: 0 4px 12px rgba(0,0,0,.28), inset 0 0 0 1px rgba(243,219,150,.12);
}
.it-side-heading {
  margin: -1px -7px 8px; padding: 10px 9px; text-align: center; font-size: 14px; font-weight: bold; color: #fff1c7;
  border-bottom: 1px solid #b49a50; border-radius: 7px 7px 0 0; background: linear-gradient(#1b6327, #0a3519);
}
.it-server-card {
  display: flex; align-items: center; gap: 9px; min-width: 0; margin: 0 0 7px; padding: 7px;
  color: #f8f0d5 !important; text-decoration: none !important; border: 1px solid rgba(196,166,83,.72); border-radius: 7px;
  background: linear-gradient(105deg, rgba(22,89,34,.94), rgba(5,35,17,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06); transition: border-color .15s, transform .15s, background .15s;
}
.it-server-card:hover { border-color: #efe0a4; transform: translateY(-1px); background: linear-gradient(105deg, #247b2c, #0a421c); }
.it-server-image { flex: 0 0 94px; width: 94px; height: 65px; object-fit: cover; border: 1px solid #d0b66c; border-radius: 5px; background: #234628; }
.it-server-info { display: flex; flex: 1 1 auto; flex-direction: column; gap: 2px; min-width: 0; }
.it-server-title { color: #fff1c2; font-size: 13px; line-height: 1.45; }
.it-server-domain { color: #c8d5bd; font-size: 10px; direction: ltr; text-align: right; overflow-wrap: anywhere; }
.it-server-count-label { margin-top: 2px; color: #e6d7a9; font-size: 11px; }
.it-server-count { color: #fff8d9; font-size: 12px; }
.it-count-unavailable { color: #e4c68a; font-size: 10px; }
.it-side-note { margin: 9px 3px 1px; color: #d5cba9; font-size: 10px; line-height: 1.6; }

.it-home #content { padding: 10px; }
.it-home #it-server-sidebar { position: absolute; top: 70px; right: 10px; width: 292px; max-width: 31%; }
.it-home #content table.it-forum-table {
  width: calc(100% - 310px) !important; max-width: calc(100% - 310px) !important;
  margin-right: 310px !important; margin-left: 0 !important; table-layout: auto;
}
.it-home #content table.it-forum-table .trow1,
.it-home #content table.it-forum-table .trow2 { overflow-wrap: anywhere; }

#footer { margin: 12px 0 0; color: #e7ddbc; background: linear-gradient(#0a381b, #061d10); border: 1px solid #a78b48; border-radius: 8px 8px 0 0; box-shadow: 0 -3px 12px rgba(0,0,0,.15); }
#footer .upper { padding: 10px; background: linear-gradient(#145424, #0b351a); border-bottom: 1px solid rgba(210,184,104,.55); }
#footer .lower { padding: 10px; color: #d7d0b5; font-size: 11px; }
#footer a:link, #footer a:visited { color: #fff1c5; }
#footer a:hover { color: #fff; }
#footer .upper ul.bottom_links { margin: 0; padding: 0; list-style: none; }
#footer .upper ul.bottom_links li { display: inline-block; margin-left: 10px; }

/* Final update: keep the footer free of social-network icons/links. */
#footer .social-icons,
#footer .social-links,
#footer .social,
#footer .it-social,
#footer .footer-social,
#footer [class*="social-icon"],
#footer [class*="social-link"] { display: none !important; }

.pagination { padding-top: 5px; font-size: 12px; }
.pagination a, .pagination .pagination_current { display: inline-block; padding: 4px 8px; border: 1px solid #c3b487; border-radius: 4px; background: #f7f0da; }
.pagination .pagination_current { color: #fff6d7; border-color: #1b5d2a; background: #145022; }
blockquote, .codeblock { margin: 8px 0; padding: 10px; border: 1px solid #cabe9d; border-right: 3px solid #3b7635; border-radius: 4px; background: #e9e1cc; }
.codeblock { direction: ltr; text-align: left; overflow: auto; }
hr { height: 1px; border: 0; background: #d1c4a2; }
.scaleimages img { max-width: 100%; }
#quick_login input[type="text"], #quick_login input[type="password"] { max-width: 100%; }
#report_table, .tborder table { max-width: 100%; }

@media (max-width: 1050px) {
  #container { width: 99%; }
  .wrapper { width: 98%; }
  #header ul.menu li a, #header #menu ul li a { padding: 9px 10px; }
  .it-home #it-server-sidebar { width: 270px; max-width: 32%; }
  .it-home #content table.it-forum-table { width: calc(100% - 285px) !important; max-width: calc(100% - 285px) !important; margin-right: 285px !important; }
  .it-server-image { flex-basis: 78px; width: 78px; height: 60px; }
  .it-toplinks a { padding-right: 7px; padding-left: 7px; }
}
@media (max-width: 780px) {
  #container { width: 100%; }
  #logo { height: 125px; background-position: center center !important; }
  #panel .upper .wrapper { display: block; padding: 4px 0; }
  .it-toplinks { display: flex; margin: 7px 0 0; gap: 4px; }
  .it-toplinks a { min-height: 25px; font-size: 10px; white-space: normal; text-align: center; }
  #header ul.menu, #header #menu ul { justify-content: center; }
  #header ul.menu li a, #header #menu ul li a { padding: 7px 8px; font-size: 11px; }
  #content { margin: 7px auto; padding: 7px; border-radius: 0; }
  .it-home #it-server-sidebar { position: static; width: 100%; max-width: none; margin: 0 0 10px; }
  .it-home #content table.it-forum-table { width: 100% !important; max-width: 100% !important; margin-right: 0 !important; }
  .it-server-image { flex-basis: 95px; width: 95px; height: 63px; }
  .tborder { overflow-x: auto; display: table; }
}
@media (max-width: 480px) {
  body { font-size: 12px; }
  #logo { height: 100px; }
  #header ul.menu li a, #header #menu ul li a { padding: 6px 7px; }
  .it-toplinks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .it-toplinks a { min-height: 28px; }
  .it-server-card { gap: 7px; padding: 6px; }
  .it-server-image { flex-basis: 82px; width: 82px; height: 57px; }
  .it-server-title { font-size: 12px; }
  .it-server-domain { font-size: 9px; }
}