/*=====================================================================

#================================#
#       TorrentTrader 3.8.3      #
#  http://torrenttrader.uk       #
#--------------------------------#
#       Created by M-Jay         #
#       Modified by MicroMonkey, #
#       Coco, Botanicar          #
#       Theme: default           #
#================================#


=====================================================================*/

*, *::before, *::after { box-sizing: border-box; }

html { scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--scrollbar-track); }
::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 10px; }

.nfo { font-family: terminal; font-size: 10px; }

hr {
	height: 1px;
	width: 100%;
	margin: 14px 0;
	border: none;
	background: var(--border);
}
p { margin: 0; padding: 0; }
ul, ol { list-style-position: inside; list-style-type: none; }
a, img { border: 0 none; outline: none; text-decoration: none; }

h1 { font-size: 15px; color: var(--accent); font-weight: 700; margin: 0 0 8px; }
h2 { font-size: 13px; color: var(--text); font-weight: 700; margin: 0 0 6px; }
h3 { font-size: 12px; color: var(--text); font-weight: 600; margin: 0 0 6px; }
h4, h5, h6 { font-size: 11px; color: var(--text-muted); }

table { border-collapse: collapse; }

.bb_icon, .bb_icon:hover {
	background: var(--surface-2);
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	padding: 2px;
	min-width: 16px;
	cursor: pointer;
}
.bb_icon:hover { border-color: var(--border-strong); }

/* -- Body / global -- */
body {
	background-color: var(--bg);
	color: var(--text);
	margin: 0;
	font-family: var(--font-main);
	font-size: 13px;
	line-height: 1.5;
	transition: background-color .2s ease, color .2s ease;
}

.wrapper { display: block; margin: 0; padding: 0; width: 100%; position: relative; }

/* -- Links -- */
a:link, a:visited, a:active { text-decoration: none; color: var(--link); }
a:hover { text-decoration: none; color: var(--link-hover); }

/*=====================================================================
  TOP BAR (tagline + user status + theme toggle)
=====================================================================*/
.topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gap);
	padding: 10px 24px;
	background: var(--header-bg);
	border-bottom: 1px solid var(--border);
}
.topbar .tagline a { color: var(--text-muted); font-size: 12px; }
.topbar .tagline a:hover { color: var(--accent); }

.infobar {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--text-muted);
	font-size: 12.5px;
}
.infobar a { color: var(--link); }
.infobar a:hover { color: var(--link-hover); }
.infobar b { color: var(--text); font-weight: 600; }

/* -- Header / logo -- */
.header { display: block; margin: 0; padding: 0; width: 100%; position: relative; background: var(--header-bg); }
.logo, .gradient-logo {
	display: inline-flex;
	align-items: center;
	padding: 14px 24px 4px;
}
.gradient-logo .logo-text {
	font-family: var(--font-main);
	font-weight: 800;
	font-size: 26px;
	letter-spacing: .2px;
	background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/*=====================================================================
  THEME TOGGLE
=====================================================================*/
.theme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid var(--border);
	background: var(--surface);
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease, transform .15s ease;
}
.theme-toggle:hover { border-color: var(--border-strong); transform: translateY(-1px); }
.theme-toggle:active { transform: translateY(0); }
.theme-toggle .theme-icon-dark { display: none; }
:root[data-theme="dark"] .theme-toggle .theme-icon-light { display: none; }
:root[data-theme="dark"] .theme-toggle .theme-icon-dark { display: inline-block; }
.theme-toggle .theme-icon-light { color: var(--icon-sun); font-size: 14px; }
.theme-toggle .theme-icon-dark { color: var(--icon-moon); font-size: 14px; }

/*=====================================================================
  NAVIGATION
=====================================================================*/
.navigation {
	background: var(--surface);
	border-bottom: 1px solid var(--border);
	text-align: center;
	display: block;
	width: 100%;
}
.menu {
	display: table;
	margin: 0 auto;
	padding: 0;
	width: auto;
}
.menu ul { display: table-row; margin: 0; padding: 0; }
.menu ul li { display: table-cell; margin: 0; padding: 0; }
.menu ul li a {
	font-size: 12.5px;
	font-weight: 600;
	color: var(--text-muted);
	display: block;
	line-height: 42px;
	height: 42px;
	padding: 0 18px;
	border-bottom: 2px solid transparent;
	transition: color .15s ease, border-color .15s ease;
}
.menu ul li a:hover { color: var(--accent); border-bottom-color: var(--accent); }

.bMenu { display: block; margin: 0; padding: 0; width: 100%; }
.bMenu ul { display: block; margin: 0; padding: 0; }
.bMenu ul li { width: auto; color: var(--text-muted); text-decoration: none; }

/* dropdown/account menu */
ul.form {
	position: relative;
	background: var(--surface);
	width: 240px;
	margin: auto;
	padding: 0;
	list-style: none;
	overflow: hidden;
	border-radius: var(--radius);
	border: 1px solid var(--border);
	box-shadow: var(--shadow);
}
.form li a {
	width: auto;
	padding-left: 18px;
	height: 44px;
	line-height: 44px;
	display: block;
	position: relative;
	text-transform: none;
	font-size: 13px;
	color: var(--text);
	transition: background-color .15s ease;
}
.form li a:hover { background: var(--accent-soft); }
.form li a.profile { border-left: 3px solid var(--accent-2); }
.form li a.messages { border-left: 3px solid var(--accent); }
.form li a.settings { border-left: 3px solid var(--info); }
.form li a.logout { border-left: 3px solid var(--danger); }
.form li:first-child a { border-radius: var(--radius) var(--radius) 0 0; }
.form li:last-child a { border-radius: 0 0 var(--radius) var(--radius); }
.form em {
	font-size: 10px;
	background: var(--accent);
	color: var(--text-on-accent);
	padding: 2px 7px;
	border-radius: 10px;
	font-style: normal;
	float: right;
	margin-top: 15px;
	margin-right: 12px;
}
.form li.selected a { background: var(--accent-soft); }

#nMember, #uOnline { margin: 2px; width: 98%; padding: 2px; font-family: var(--font-main); color: var(--text-muted); }
#nMember p, #uOnline p { display: inline; }
#nMember ul, #nMember li, #uOnline ul, #uOnline li { display: inline; margin: 0; padding: 0; color: var(--link); }

/*=====================================================================
  LAYOUT / CONTENT
=====================================================================*/
#main { padding: 18px 24px; display: block; position: relative; margin: 0; max-width: 95%; margin: 0 auto; }
.credits { text-align: center; display: block; margin: 0; padding: 18px 10px; color: var(--text-muted); font-size: 12px; line-height: 18px; }
.credits a { color: var(--link); }

/*=====================================================================
  BLOCK / FRAME (glavne "kartice" - Warning, Notice, News, sidebar...)
=====================================================================*/
.myBlock, .myFrame {
	display: block;
	margin: 0 0 var(--gap);
	padding: 0;
	width: 100%;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	box-shadow: var(--shadow-sm);
	overflow: hidden;
}
.myBlock-caption, .myFrame-caption {
	background: var(--surface-2);
	text-align: left;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0 16px;
	height: 40px;
	font-family: var(--font-ui);
	font-size: 13px;
	line-height: 40px;
	font-weight: 700;
	color: var(--text);
	border-bottom: 1px solid var(--border);
}
.myBlock-caption .showHide, .myFrame-caption .showHide {
	color: var(--text-muted) !important;
}
.myBlock-content, .myFrame-content {
	display: block;
	padding: 16px;
	color: var(--text);
}
.myBlock-foot, .myFrame-foot { display: block; margin: 0; padding: 0; height: 6px; width: 100%; }

/* DEFINE THE EXPAND CROSS LOCATION IN TORRENTTABLE */
.showthecross { margin: 0 0 0 2px; float: left; }


/*=====================================================================
  TABLES
=====================================================================*/
.ttable_headouter { border-collapse: collapse; width: 100%; }
.ttable_headinner {
	border-collapse: collapse;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	overflow: hidden;
	width: 100%;
}
.ttable_head, .table_head {
	font-family: var(--font-ui);
	color: var(--text);
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	line-height: 34px;
	background: var(--surface-2);
	border: 1px solid var(--border);
}
.ttable_col1, .table_col1 {
	font-family: var(--font-main);
	border: 1px solid var(--border);
	font-size: 13px;
	background: var(--surface);
	color: var(--text);
	padding: 8px;
}
.ttable_col2, .table_col2 {
	font-family: var(--font-main);
	border: 1px solid var(--border);
	font-size: 13px;
	background: var(--bg-soft);
	color: var(--text);
	padding: 8px;
}
.ttable_colx {
	font-family: var(--font-main);
	border: 1px solid var(--border);
	font-size: 12px;
	background: var(--surface-2);
	color: var(--text-muted);
	padding: 8px;
}
.table_table { border: 1px solid var(--border); border-collapse: collapse; width: 100%; }
.heading { color: var(--text-muted); font-weight: 600; font-size: 12px; padding-right: 10px; }

/*=====================================================================
  FORME
=====================================================================*/
input, select {
	font-family: var(--font-ui);
	margin: 2px;
	padding: 6px 9px;
	border: 1px solid var(--border-strong);
	background-color: var(--surface);
	color: var(--text);
	border-radius: var(--radius-sm);
	font-size: 12.5px;
}
select { font-size: 12.5px; }
textarea {
	border: 1px solid var(--border-strong);
	padding: 10px;
	border-radius: var(--radius-sm);
	background-color: var(--surface);
	color: var(--text);
	font-family: var(--font-ui);
}
input:focus, select:focus, textarea:focus {
	outline: none;
	border-color: var(--accent);
	box-shadow: 0 0 0 3px var(--accent-soft);
}
input[type=reset], input[type=button], input[type=submit] {
	border-radius: var(--radius-sm);
	border: 1px solid var(--border-strong);
	padding: 6px 14px;
	margin: 2px;
	font-family: var(--font-ui);
	font-size: 12.5px;
	font-weight: 600;
	cursor: pointer;
	background: var(--accent);
	color: var(--text-on-accent);
	transition: background-color .15s ease, transform .1s ease;
}
input[type=reset]:hover, input[type=button]:hover, input[type=submit]:hover {
	background: var(--accent-hover);
}
input[type=reset]:active, input[type=button]:active, input[type=submit]:active { transform: translateY(1px); }
input[type=password] { color: var(--danger); }
.required { font-size: 11px; color: var(--danger); }

fieldset {
	margin: 1rem 0;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: var(--surface);
	font-family: var(--font-ui);
	padding: 14px;
}
legend {
	background-color: var(--accent);
	color: var(--text-on-accent);
	padding: 4px 16px;
	font-size: 12px;
	font-weight: 700;
	border-radius: var(--radius-sm);
}

/*=====================================================================
  SHOUTBOX
=====================================================================*/
.shoutbox_body { font-family: var(--font-main); color: var(--text); background-color: var(--bg-soft); }
.shoutbox_contain { border: 0; height: 350px; width: 100%; overflow: auto; }
.shoutbox_history { border: 0; height: 100%; width: 100%; }
.shoutbox_messageboxback { background-color: var(--surface); }
.shoutbox_noalt { background-color: var(--surface); border-bottom: 1px solid var(--border); padding: 4px 8px; }
.shoutbox_alt { background-color: var(--surface-2); border-bottom: 1px solid var(--border); padding: 4px 8px; }
.shoutbox_msgbox {
	width: 90%;
	font-size: 14px;
	font-family: var(--font-ui);
	background: var(--surface) !important;
	border-radius: var(--radius-sm);
	border: 1px solid var(--border-strong);
	height: 38px;
	color: var(--text);
}
.shoutbox_shoutbtn {
	font-size: 12px;
	background-color: var(--accent);
	color: var(--text-on-accent);
	border: none;
	border-radius: var(--radius-sm);
	padding: 8px 14px;
	cursor: pointer;
}
.shoutbox_shoutbtn:hover { background-color: var(--accent-hover); }
.shoutbox_error, .error { color: var(--danger); font-size: 12.5px; }

small { font-family: var(--font-main); font-size: 11px; color: var(--text-muted); }

/*=====================================================================
  FORUM
=====================================================================*/
.f-header { background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius); }
.f-logo {
	border-radius: var(--radius) 0 0 var(--radius);
	background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
}
.f-logo td { padding: 10px; height: 30px; }
.f-location { border: 1px solid var(--border); border-radius: var(--radius-sm); margin-bottom: 10px; padding: 8px 12px; background: var(--surface); }
.f-nav {
	border: 1px solid var(--border);
	display: block;
	height: 34px;
	font-family: var(--font-ui);
	font-size: 12px;
	font-weight: 700;
	line-height: 34px;
	text-align: left;
	text-indent: 12px;
	background: var(--surface-2);
	color: var(--text);
	border-radius: var(--radius-sm);
}
.f-nav a { color: var(--link); font-size: 12.5px; font-family: var(--font-ui); }
.f-post { margin-bottom: 10px; }
.f-cat, div.f-cat {
	background: var(--surface-2);
	margin: 0;
	padding: 0;
	height: 32px;
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
}
.f-cat td {
	font-family: var(--font-ui);
	font-size: 13px;
	line-height: 32px;
	font-weight: 700;
	color: var(--text);
	text-align: center;
	height: 32px;
	margin: 0;
	padding: 0;
}
table.f-border, .f-border table { border: 1px solid var(--border); border-collapse: collapse; border-radius: var(--radius); overflow: hidden; }
.f-border table tr { border-bottom: 1px solid var(--border); }
tr.f-title { background: var(--surface-2); }
tr.f-title th {
	line-height: 32px;
	height: 32px;
	padding: 0 8px;
	font-family: var(--font-ui);
	font-size: 12.5px;
	font-weight: 700;
	color: var(--text);
}
tr.f-row { background-color: var(--surface); }
tr.f-row:hover { background-color: var(--accent-soft); }
.f-row .f-img {
	background: radial-gradient(circle at 9px 19px, var(--accent) 0%, var(--accent-2) 60%, transparent 62%);
	background-repeat: no-repeat;
	height: 38px;
	padding-left: 20px;
}
.f-row:hover .f-img {
	background: radial-gradient(circle at 9px 19px, var(--accent-hover) 0%, var(--accent) 60%, transparent 62%);
}
.alt1 { background-color: transparent; padding-left: 6px; }
.alt2 {
	border: 1px solid var(--border);
	border-collapse: collapse;
	background: var(--surface-2);
}
.alt3 { border: 1px solid var(--border); }
tr.p-title { background: var(--surface-2); }
tr.p-title th { color: var(--text); padding: 6px; height: 32px; font-family: var(--font-ui); font-size: 12.5px; font-weight: 700; }
tr.p-title small { font-family: var(--font-ui); font-size: 10px; }
.p-foot { color: var(--text-muted); font-size: 11px; font-weight: normal; border-collapse: collapse; }
.p-foot td { padding: 6px; }
.p-foot img { vertical-align: middle; }
.f-title a, .p-title a { color: var(--text); text-decoration: none; font-weight: 700; }

.b-border { padding: 1px; }
.b-border table { border-collapse: collapse; }
tr.b-title { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%); }
.bb-comment, .bb-btn, .b-title { border: 1px solid var(--border); }
.comment-details, .bb-btn { background-color: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 6px; }
.comment, .bb-comment { background-color: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 8px; }

/*=====================================================================
  DUGMICI / BADGE-OVI
=====================================================================*/
.Tdl {
	background-color: var(--surface-2);
	border-radius: var(--radius-sm);
	font-family: var(--font-ui);
	color: var(--text);
	font-size: 12px;
	padding: 4px 8px;
	border: 1px solid var(--border);
	text-decoration: none;
	min-width: 25px;
	display: inline-block;
	transition: background-color .15s ease;
}
.Tdl:hover { background-color: var(--accent-soft); border-color: var(--border-strong); }
.Tdl:active { position: relative; top: 1px; }

.list { display: flex; flex-direction: column; }

.Tsiz {
	background-color: var(--surface);
	border-radius: var(--radius-sm);
	font-family: var(--font-ui);
	font-size: 12px;
	padding: 4px 8px;
	border: 1px solid var(--border);
	text-decoration: none;
	text-align: left;
	min-width: 75px;
	margin-bottom: 5px;
	color: var(--text);
	transition: background-color .15s ease;
}
.Tsiz:hover { background-color: var(--accent-soft); border-color: var(--border-strong); }
.Tsiz:active { position: relative; top: 1px; }

.button-bb {
	background: var(--accent) !important;
	border-radius: var(--radius-sm);
	border: 1px solid var(--accent-hover) !important;
	color: var(--text-on-accent) !important;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
	min-height: 34px;
	min-width: 10px;
	padding: 5px 10px;
	text-align: center;
	width: 64px;
	height: 32px;
}
.button-bb:hover, .button-bb:focus { background: var(--accent-hover) !important; }
.button-bb:focus { box-shadow: 0 0 0 3px var(--accent-soft); }
.button-bb:active { box-shadow: none; }

/*=====================================================================
  BREADCRUMB
=====================================================================*/
.breadcrumb { display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 0 0 var(--gap); }
.breadcrumb a {
	position: relative;
	color: var(--text-muted);
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	padding: 6px 12px;
	font-size: 12px;
}
.breadcrumb a:hover, .breadcrumb a.active {
	background: var(--accent-soft);
	color: var(--text);
	border-color: var(--border-strong);
}
.breadcrumb a:after, .breadcrumb a:before { content: none; }

.flat a, .flat a:after {
	background: var(--surface);
	color: var(--text);
}
.flat a:before { background: var(--surface); box-shadow: none; }
.flat a:hover, .flat a.active, .flat a:hover:after, .flat a.active:after { background: var(--accent-soft); }

/*=====================================================================
  POSTER / AVATAR (ostaju gradijenti, nema slika)
=====================================================================*/
.poster { padding: 4px !important; border-radius: var(--radius-sm) !important; background: var(--surface-2) !important; }
.poster-mini { padding: 2px; border-radius: 4px; background: var(--surface); }
.poster2 { padding: 5px; border-radius: var(--radius-sm); background: var(--surface-2); border: 1px solid var(--border); }

.rip {
	padding: 5px;
	border-radius: 6px 18px 6px 18px;
	background: linear-gradient(45deg, var(--accent) 0%, var(--accent-2) 100%);
}
.avatar {
	padding: 5px;
	height: 200px;
	width: 200px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
}

/*=====================================================================
  ALERT BOXES
=====================================================================*/
.content { padding: 0; margin: 10% 15%; }
.close { float: right; font-size: 18px; font-weight: bold; color: var(--text-muted); opacity: .6; }
.close:hover, .close:focus { color: var(--text); text-decoration: none; cursor: pointer; opacity: 1; }
button.close { padding: 0; cursor: pointer; background: transparent; border: 0; }

.alert {
	padding: 14px 16px;
	margin-bottom: var(--gap);
	border: 1px solid transparent;
	border-radius: var(--radius);
	box-shadow: var(--shadow-sm);
}
.alert h4 { margin-top: 0; color: inherit; }
.alert .alert-link { font-weight: 700; }
.alert > p, .alert > ul { margin-bottom: 0; }
.alert > p + p { margin-top: 6px; }
.alert-dismissable { padding-right: 35px; }
.alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; }
.alert .sign { font-size: 18px; vertical-align: middle; margin-right: 6px; text-align: center; width: 22px; display: inline-block; }

.alert-success { background-color: var(--success-bg); border-color: var(--success); color: var(--success); }
.alert-info { background-color: var(--info-bg); border-color: var(--info); color: var(--info); }
.alert-warning { background-color: var(--warning-bg); border-color: var(--warning); color: var(--warning); }
.alert-danger { background-color: var(--danger-bg); border-color: var(--danger); color: var(--danger); }

.alert-white {
	background: var(--surface);
	border: 1px solid var(--border);
	color: var(--text);
	padding-left: 56px;
	position: relative;
	border-radius: var(--radius);
}
.alert-white .icon {
	text-align: center;
	width: 40px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-right: 1px solid var(--border);
	display: flex;
	align-items: center;
	justify-content: center;
}
.alert-white.rounded { border-radius: var(--radius); }
.alert-white .icon i { font-size: 18px; color: var(--text-on-accent); }
.alert-white.alert-danger .icon { background: var(--danger); }
.alert-white.alert-info .icon { background: var(--info); }
.alert-white.alert-warning .icon { background: var(--warning); }
.alert-white.alert-success .icon { background: var(--success); }

/*=====================================================================
  RESPONSIVE (osnovno)
=====================================================================*/
@media (max-width: 900px) {
	.topbar { flex-wrap: wrap; padding: 10px 14px; }
	#main { padding: 12px; }
	.menu ul li a { padding: 0 10px; font-size: 11.5px; }
}

/* ============================================================
   FORUM / TABLE ELEMENTS
   Theme aware - LIGHT / DARK
   ============================================================ */

.forumTema {
	color: var(--forum-text);
	background-color: var(--forum-bg);
	border: 1px solid var(--forum-border);
	margin: 10px 0px;
	padding: 15px 10px 15px 10px;
	background-repeat: no-repeat;
	background-position: 0px center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
	text-align: left;
}

.forumInfo {
	color: var(--forum-text);
	background-image: linear-gradient(
		to bottom,
		var(--forum-info-bg-1),
		var(--forum-info-bg-2),
		var(--forum-info-bg-2),
		var(--forum-info-bg-2),
		var(--forum-info-bg-2)
	);
	border: 1px solid var(--forum-info-border);
	margin: 3px 0px;
	padding: 3px 1px 3px 1px;
	background-repeat: no-repeat;
	background-position: 0px center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
	text-align: left;
}


/* ==== Table Row === */

table.account {
	border-spacing: 3px;
	border-collapse: separate;
}

table.accounted {
	border-spacing: 2px;
	border-collapse: separate;
}


td.css-right {
	font-family: var(--font-main);
	font-size: 10px;
	color: var(--table-text) !important;
	padding: 10px;
	background-image: linear-gradient(
		to bottom,
		var(--table-bg-1),
		var(--table-bg-2),
		var(--table-bg-2),
		var(--table-bg-2),
		var(--table-bg-2)
	);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	border: 1px solid var(--table-border);
}


td.css {
	font-family: var(--font-main);
	font-size: 10px;
	color: var(--table-text) !important;
	padding: 10px;
	background-image: linear-gradient(
		to bottom,
		var(--table-bg-1),
		var(--table-bg-2),
		var(--table-bg-2),
		var(--table-bg-2),
		var(--table-bg-2)
	);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	border: 1px solid var(--table-border);
}


td.sticky {
	font-family: var(--font-ui);
	font-size: 15px;
	color: var(--sticky-text);
	padding: 10px;
	background: var(--sticky-bg);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	border: 1px solid var(--sticky-border) !important;
	box-shadow: var(--shadow);
}


td.sticky a {
	color: var(--table-text);
}


hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(
		to right,
		var(--hr-color-1),
		var(--hr-color-2),
		var(--hr-color-1)
	);
}

.imdb-unavailable {
    text-align: center;
    padding: 50px 20px;
    font-size: 13px;
}

.imdb-unavailable .fa-imdb {
    display: block;
    font-size: 80px;
    color: gold;
    margin-bottom: 15px;
}

/* ===== Pretty photo images ===== */
.tt-images-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.tt-images-grid .poster {
    display: block;
    width: auto;
    height: auto;
    max-width: 240px;   /* ~1/3 od 720px širine */
    max-height: 427px;  /* ~1/3 od 1280px visine */
}

/* na malim ekranima da ne probije viewport */
@media (max-width: 500px) {
    .tt-images-grid .poster {
        max-width: 45vw;
        max-height: none;
    }
}

.tt-poster-links {
    margin-top: 4px;
    font-size: 0.85em;
}

/* blur pozadine iza lightboxa */
#pp_overlay,
div.pp_overlay {
    background: repeating-linear-gradient(
        45deg,
        rgba(0,0,0,0.85) 0px,
        rgba(0,0,0,0.85) 10px,
        rgba(20,20,20,0.85) 10px,
        rgba(20,20,20,0.85) 20px
    ) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* da sadržaj (slika) unutar prettyPhoto ostane oštar */
div.pp_pic_holder {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}


.nav-wrap {
    display: flex !important;
    justify-content: center !important;
}

.nav-menu {
    list-style: none !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nav-item {
    display: inline-block !important;
    margin: 0 5px !important; /* gap izmedju linkova, bar 5px */
}

.nav-item a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important; /* razmak ikona - tekst, bar 5px */
    padding: 8px 16px !important;
    border-radius: 4px !important;
    border: 1px solid #2a3140 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
}

.nav-item a i {
    font-size: 14px !important;
}

/* Boje ikona */
.nav-home i    { color: #3498db !important; }
.nav-forums i  { color: #9b59b6 !important; }
.nav-upload i  { color: #27ae60 !important; }
.nav-browse i  { color: #e67e22 !important; }
.nav-today i   { color: #e74c3c !important; }
.nav-search i  { color: #16a085 !important; }

.nav-item a {
    border-bottom: 3px solid transparent !important; /* rezerviši prostor unapred */
}

.nav-item a:hover {
    border-bottom-color: orange !important;
}

//*** FORUM ***//

.forum-main-btn,.forum-status-btn,.forum-post-btn{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;text-decoration:none!important;white-space:nowrap;line-height:1.2;border-radius:4px;transition:all .15s ease-in-out}
.forum-main-btn{min-height:34px;padding:7px 13px!important;font-size:13px;font-weight:600}
.forum-main-btn i{font-size:13px;margin-right:7px}
.forum-status-btn{min-width:38px;height:32px;padding:6px 9px!important;margin:0 2px;font-size:13px}
.forum-status-btn i{font-size:13px;margin:0!important}
.forum-status-new{color:#fff!important;background:#5cb85c!important;border-color:#4cae4c!important}
.forum-status-old{color:#ddd!important;background:#444!important;border-color:#666!important}
.forum-status-locked{color:#fff!important;background:#d9534f!important;border-color:#d43f3a!important}
.forum-post-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px}
.forum-post-left-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.forum-post-btn{width:34px;height:32px;padding:5px!important;margin:0!important;font-size:13px}
.forum-post-btn i{font-size:13px;margin:0!important}
.forum-post-btn:hover,.forum-main-btn:hover,.forum-status-btn:hover{text-decoration:none!important;opacity:.92}
.forum-action-profile{color:#fff!important;background:#337ab7!important;border-color:#2e6da4!important}
.forum-action-pm{color:#fff!important;background:#5bc0de!important;border-color:#46b8da!important}
.forum-action-report{color:#fff!important;background:#f0ad4e!important;border-color:#eea236!important}
.forum-action-top{color:#fff!important;background:#777!important;border-color:#666!important}
.forum-action-edit{color:#fff!important;background:#5bc0de!important;border-color:#46b8da!important}
.forum-action-delete{color:#fff!important;background:#d9534f!important;border-color:#d43f3a!important}
.forum-action-quote{color:#fff!important;background:#777!important;border-color:#666!important}
.forum-action-reply{color:#fff!important;background:#5cb85c!important;border-color:#4cae4c!important}
.forum-top-actions .forum-main-btn{min-width:92px}
.forum-status-legend{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0}
.forum-status-legend .forum-status-btn{margin:0}
.forum-status-legend-label{margin-right:8px}
@media(max-width:600px){.forum-post-actions{justify-content:flex-start;margin-top:5px}}
.comment ul{list-style-type:disc!important;margin:10px 0 10px 24px!important;padding:0!important}
.comment ol{list-style-type:decimal!important;margin:10px 0 10px 24px!important;padding:0!important}
.comment ul li,.comment ol li{display:list-item!important;list-style-position:outside!important;margin:0 0 4px 0!important;padding:0!important}

/* Dream HD modern refinement — 2026-10-28; reversible in backup */
:root { --radius: 12px; --shadow: 0 8px 28px rgba(0,0,0,.10); }
body { font-family: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif; font-size: 14px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
#main { max-width: 1440px; width: 100%; padding: 24px clamp(12px,3vw,36px); }
.navigation { box-shadow: 0 2px 14px rgba(0,0,0,.06); }
.nav-wrap { max-width: 1440px; margin-inline: auto; }
.nav-item a, .menu ul li a { transition: background-color .18s ease, color .18s ease, transform .18s ease; }
.nav-item a:hover { transform: translateY(-1px); }
.myBlock, .myFrame { border-radius: 14px; overflow: hidden; box-shadow: var(--shadow); }
input:not([type=checkbox]):not([type=radio]), select, textarea { max-width: 100%; border-radius: 9px; }
input[type=submit], input[type=button], button { transition: transform .18s ease, filter .18s ease; }
input[type=submit]:hover, input[type=button]:hover, button:hover { filter: brightness(1.07); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
img { max-width: 100%; height: auto; }
@media (max-width: 760px) {
  #main { max-width: 100%; padding: 14px 10px; }
  .wrapper > div:first-child { flex-wrap: wrap; gap: 8px; padding: 8px 12px; }
  .logo img { width: min(280px, 80vw); height: auto; }
  .infobar { max-width: 100%; overflow-wrap: anywhere; }
  .nav-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .nav-menu { min-width: max-content; }
  .myBlock, .myFrame { border-radius: 10px; }
  .ttable_headouter { display: block; max-width: 100%; overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }

/* Dream HD color chooser and staff dashboard */
.dream-color-picker{position:relative;display:inline-flex;align-items:center;margin-right:8px;z-index:30}
.dream-color-trigger{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);font:600 12px inherit;cursor:pointer}
.dream-color-trigger:hover{border-color:var(--accent)}
.dream-color-options{position:absolute;right:0;top:calc(100% + 8px);display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:220px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}
.dream-color-options[hidden]{display:none!important}
.dream-color-options button[data-dream-color]:not(.dream-color-reset){width:30px;height:30px;border:2px solid transparent;border-radius:50%;background:var(--swatch);cursor:pointer}
.dream-color-options button[aria-pressed=true]{outline:2px solid var(--text);outline-offset:2px}
.dream-color-options .dream-color-reset{border:1px solid var(--border);border-radius:7px;padding:5px 9px;background:var(--surface-2);color:var(--text);cursor:pointer}
.admin-menu{width:100%;border-collapse:separate;border-spacing:10px;table-layout:fixed}
.admin-menu td{padding:0!important;border:0!important;background:transparent!important;vertical-align:stretch}
.admin-menu td>a{display:flex;min-height:110px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:15px 10px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);transition:transform .18s,border-color .18s,box-shadow .18s}
.admin-menu td>a:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}
.admin-menu .admin-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:13px;background:var(--surface-2);color:var(--accent);font-size:23px}
.admin-menu .admin-label{display:block;font-size:12px;font-weight:650;text-align:center;line-height:1.35;overflow-wrap:anywhere}
@media(max-width:760px){.admin-menu,.admin-menu tbody{display:block}.admin-menu tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.admin-menu td{display:block}.admin-menu td>a{min-height:95px}.dream-color-trigger{padding:7px 9px}}

/* DREAM HD 2026 — full visual redesign (preserves legacy layout hooks) */
:root{--dream-ink:#111c33;--dream-elevated:rgba(255,255,255,.88);--dream-glow:rgba(60,125,235,.10)}
:root[data-theme=dark]{--dream-ink:#edf4ff;--dream-elevated:rgba(22,35,57,.93);--dream-glow:rgba(83,152,255,.15)}
body{background:radial-gradient(ellipse 1000px 420px at 50% -180px,var(--dream-glow),transparent 75%),var(--bg)!important;font-family:Inter,system-ui,'Segoe UI',sans-serif!important;font-size:14px!important;letter-spacing:.005em}
.wrapper{min-height:100vh}
.wrapper>div:first-child{background:var(--header-bg);padding:16px clamp(16px,4vw,55px);border-bottom:1px solid var(--border);box-shadow:0 6px 30px rgba(0,0,0,.04)}
.logo{padding:4px 0}.logo img{max-height:70px;width:auto;object-fit:contain}
.infobar{gap:12px!important;flex-wrap:wrap;justify-content:flex-end;font-size:13px!important}
.infobar a{font-weight:650}.infobar a:hover{text-decoration:underline}
.navigation{background:var(--dream-elevated)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 12px 26px rgba(0,0,0,.045)!important;backdrop-filter:blur(14px)}
.nav-wrap{max-width:1500px!important;justify-content:flex-start!important;padding:10px clamp(12px,3vw,36px)!important}
.nav-menu{flex-wrap:wrap;gap:8px;justify-content:flex-start!important}
.nav-item{margin:0!important}
.nav-item a{border:1px solid transparent!important;border-radius:11px!important;padding:11px 16px!important;background:transparent!important;color:var(--text)!important;min-height:44px;box-shadow:none!important;font-size:13px!important}
.nav-item a:hover{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--link)!important;transform:translateY(-2px)}
#main{max-width:1500px!important;margin:20px auto 35px!important;padding:20px clamp(12px,3vw,36px)!important}
.myBlock,.myFrame{background:var(--dream-elevated)!important;border:1px solid var(--border)!important;border-radius:18px!important;box-shadow:0 10px 35px rgba(0,0,0,.055)!important;margin-bottom:22px!important;overflow:hidden}
.myBlock-caption,.myFrame-caption{background:var(--surface-2)!important;border-bottom:1px solid var(--border)!important;padding:14px 18px!important;font-size:15px!important;font-weight:750!important;letter-spacing:.01em}
.myBlock-content,.myFrame-content{padding:18px!important;background:transparent!important}
.ttable_headinner,.ttable_headouter{border-radius:10px;overflow:hidden}
.ttable_head,.table_head{padding:13px 12px!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.055em}
.ttable_col1,.ttable_col2,.table_col1,.table_col2{padding:11px 12px!important;border-bottom:1px solid var(--border)!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--border-strong)!important;border-radius:10px!important;padding:10px 12px!important;background:var(--surface)!important;color:var(--text)!important;min-height:38px}
input[type=submit],input[type=button],button:not(.theme-toggle):not(.dream-color-trigger):not([data-dream-color]){border-radius:10px!important;font-weight:650!important}
.credits{padding:28px 16px!important;border-top:1px solid var(--border);background:var(--surface-2)!important}
.admin-menu{border-spacing:12px!important}.admin-menu td>a{min-height:128px!important;border-radius:18px!important;background:var(--dream-elevated)!important;box-shadow:0 7px 24px rgba(0,0,0,.06)!important;padding:20px 12px!important}
.admin-menu td>a:hover{box-shadow:0 16px 34px rgba(0,0,0,.12)!important;border-color:var(--link)!important;transform:translateY(-4px)}
.admin-menu .admin-icon{width:54px!important;height:54px!important;border-radius:16px!important;background:var(--surface-2)!important;color:var(--link)!important}
.admin-menu .admin-icon svg{display:block;width:28px;height:28px}
.admin-menu .admin-label{font-size:13px!important;font-weight:700!important;color:var(--text)!important}
@media(max-width:900px){.wrapper>div:first-child{flex-wrap:wrap;gap:10px}.nav-wrap{overflow-x:auto!important}.nav-menu{flex-wrap:nowrap!important}.nav-item a{white-space:nowrap}#main{padding:12px!important;margin:10px auto!important}.admin-menu tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-menu td>a{min-height:105px!important}}
@media(max-width:480px){.admin-menu tr{grid-template-columns:repeat(2,minmax(0,1fr))}.myBlock-content,.myFrame-content{padding:10px!important}.logo img{max-width:220px}}

/* Dream HD poll redesign */
.dream-poll{padding:14px 10px 18px;max-width:720px;margin:0 auto;color:var(--text)}
.dream-poll-question{font-size:17px;font-weight:800;line-height:1.5;text-align:center;padding:15px 16px;margin-bottom:16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);color:var(--text)}
.dream-poll-form{display:flex;flex-direction:column;gap:9px}
.dream-poll-option{display:flex;align-items:center;gap:12px;padding:13px 15px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .18s,background .18s,transform .18s;color:var(--text);line-height:1.45}
.dream-poll-option:hover{border-color:var(--accent);background:var(--surface-2);transform:translateX(2px)}
.dream-poll-option:has(input:checked){border-color:var(--accent);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent)}
.dream-poll-option input[type=radio]{width:17px;height:17px;flex-shrink:0;accent-color:var(--accent);margin:0}
.dream-poll-option span{flex:1;overflow-wrap:anywhere}
.dream-poll-actions{text-align:center;padding:12px 0 0}
.dream-poll-actions input[type=submit]{border:0!important;border-radius:11px!important;background:var(--accent)!important;color:white!important;font-weight:750!important;padding:12px 30px!important;cursor:pointer}
.dream-poll-results{border-collapse:separate!important;border-spacing:0 9px!important;table-layout:auto!important;width:100%!important}
.dream-poll-results tr td{padding:12px!important;background:var(--surface-2)!important;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}
.dream-poll-results tr td:first-child{width:40%;border-left:1px solid var(--border);border-radius:10px 0 0 10px;font-weight:650;overflow-wrap:anywhere}
.dream-poll-results tr td:last-child{border-right:1px solid var(--border);border-radius:0 10px 10px 0}
.dream-poll-meter{display:inline-block;vertical-align:middle;width:75%;height:12px;background:var(--bg-soft);border-radius:99px;overflow:hidden;margin-right:10px}
.dream-poll-meter span{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .3s}
.dream-poll-total{text-align:center;color:var(--text-muted);font-weight:700;padding:12px 0}
@media(max-width:650px){.dream-poll{padding:8px 3px}.dream-poll-results tr td{padding:8px!important}.dream-poll-meter{width:60%;margin-right:5px}.dream-poll-question{font-size:15px}}