/* * Copyright 2008-2009 by:	  WannaBeDie (http://wannabedie.deviantart.com) * */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Carattere&family=Ruthie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Carattere&family=Oswald:wght@200..700&family=Ruthie&display=swap');

/* Normal, standard links. */
a:link 
{ 
	text-decoration: none; 
	color: #BAB088; 
}

a:visited 
{ 
	text-decoration: none; 
	color: #BAB088; 
}

a:hover, a:active { color: #CCBC7D; text-decoration: none; }
/* Tables should show empty cells. */
table
{
	empty-cells: show;
}

/* The main body of the entire forum. */
body
{
	margin: 0;
	padding: 0;
	color: #BAB088;
	background-image: url(/Themes/roxfort3/images/proba4.png);
	background-repeat: repeat;
	background-color: #110a04;
	background-attachment: fixed;
	background-size: cover;
	background-position: center top;
	font-style:normal; font-variant:normal; 
	font-weight:normal; 
	font-size:79%; 
	font-family:Trebuchet MS, Lucida Grande, Verdana, Georgia, Sans-Serif
}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	font-size: 9pt;
	color: #BAB088;
	font-family:Trebuchet MS, Lucida Grande, Verdana, Georgia, Sans-Serif;
	background: url(images/textbg.png);
	border: 1px solid #5b472d;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select {
	font-size: 11px;
	font-weight: normal;
	color: #BAB088;
	font-family: "Quicksand", monospace;
	background: #2e2017;
	border: 1px solid #5b472d;
}

select option {
	color: #BAB088;
	background: #2e2017;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #666666;
	background-color: #666666;
}

/* A quote, perhaps from another post. */
.quote
{
	color: #BAB088;
	background-color: #2e2017;
	border: 4px dashed #312828;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code {
  color: #e5dcaa;
  background-color: #2e2017;
  font-family: "Courier New", "Times New Roman", monospace;
  font-size: x-small;
  line-height: 1.3em;
  border: 4px dashed #312828;
  margin: 1px auto;
  padding: 4px 6px;
  width: 500px;
  max-width: 100%;
  box-sizing: border-box;
  /* Preserve formatting and make copy-safe */
  overflow-x: hidden;
  max-height: 24em;
}


/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #100a04;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: white;
font-weight: bold;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
	padding: 1px;
	color: #;
	background-color: #2e2017;}
.windowbg2
{
	padding: 1px;
	background-color: #2e2017;
}
.windowbg3
{
	padding: 1px;
	border: 1px solid #211710;
	background-color: #2e2017;
}



/* Color for background of posts requiring approval */
.approvebg
{
	color: #000000;
	background-color: #F6E0D4;
}
/* Color for background of *topics* requiring approval */
.approvetbg
{
	color: #000000;
	background-color: #E4A17C;
}


/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
	BAB088
	font-style: normal;
	background: #3f3427 url(images/titlebg-m.gif) repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	height: 10px;
	
}
.titlebg, .titlebg a:link, .titlebg a:visited {
	color: #BAB088;
	font-style: normal;
	font-size: 12px;	
}
.titlebg a:hover {
	text-decoration: underline;
}

.titlebg2 td {
	color: #BAB088;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited {
	color: #BAB088;
	font-style: normal;
	text-decoration: underline;
}

.titlebg2 a:hover 
{
	color: #BAB088;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg, .catbg3
{	
	height: 15px;
	background-color: #4d402f;
	background-image: url(images/catbg-m.gif);
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{	
	height: 22px;
	background-color: #4d402f;
	background-image: url(images/catbg-m.gif);
}


.pm_read_avatar img{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
		  object-position: 50% 20%;
	display: block;
	margin: 0 auto 8px;
}


.catbg, .catbg2, .catbg3
{
	font-weight: bold;
	color: #BAB088;
}
/* the today container in calendar */
.calendar_today
{
	background-color: #5c594c;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{}

/* This is used on tables that should just have a border around them. */
.tborder
{}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: x-small;
	font-family: quicksand, sans-serif;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}
.smalltext2
{
	font-weight:bold; 
	font-size: small;
	font-family: quicksand;
}

/* And this is the bottom, where the copyright is, etc. */
#footerarea {
	color: #BAB088;
	width: 850px;
	height: 240px;
	background: url("") no-repeat center bottom;
	 background-size: contain;
	background-position: center bottom;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	width: 100%;
	overflow: auto;
	line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	width: 100%;
	overflow: auto;
	padding-bottom: 3px;
	line-height: 1.3em;
}
/* No image should have a border when linked */
a img{
	border: 0;
}

/* The AJAX notifier */

.activity_holder
{
	height: 15px;
	border: 1px solid #312828;
}

.activity_bar
{
	height: 15px;
	background: #313b31 url(images/titlebg.jpg) repeat-x;
}

.activity_percentage
{
	height: 15px;
	color: #BAB088;
	text-align: center;
}

#ajax_in_progress
{
	background: #32CD32;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

/* Menu */
#menu-top {
  border-top:1px solid #4d402f; 
}
#menu-top {
	color: #4d402f; 
}
/* Menu End */


#wrapper {
	clear: both;
	float: left;
	width: 100%;
	color: #BAB088;
	border-left: 0 solid #100a04;
	border-right: 0 solid #100a04;
	border-bottom: 0 solid #100a04;
}

#content-wrapper {
	width: 900px;
	float: left;
	padding: 0;
	position: relative;
	z-index: 2;
}

/* SZÉLESEBB ÜVEG PANEL */
#wrapper2 {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 40px;
	position: relative;
	overflow: hidden;

	background: rgba(28, 18, 12, 0.28);
	border: 0px solid rgba(255, 255, 255, 0.5);

	box-shadow:
		0 10px 35px rgba(0, 0, 0, 0.55),
		inset 0 1px 0 rgba(255, 255, 255, 0.0);
}

#wrapper2::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

#wrapper2 > * {
	position: relative;
	z-index: 2;
}

#header
{
	float: left;
	width: 900px;
	clear: right;
}

#navigation {
	clear: both;
	float: left;
	width: 100%;
	height: 295px;
	position: relative;
	overflow: hidden;

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #110a04;
border-radius: 25px 25px 0 0;
}

.nav-blend {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 90px;
	pointer-events: none;
	z-index: 2;

	background: linear-gradient(
		to bottom,
		rgba(46,32,23,0.0) 0%,
		rgba(46,32,23,0.29) 65%,
		rgba(46,32,23,0.39) 74%,
		rgba(46,32,23,0.98) 100%
	);
}

/* alap sötét overlay */
#navigation.weather-navigation::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(
			90deg,
			rgba(17,10,4,0.36) 0%,
			rgba(17,10,4,0.28) 28%,
			rgba(17,10,4,0.12) 44%,
			rgba(17,10,4,0.00) 100%
		);
}

/* night sötétebb */
#navigation.weather-navigation.night::before {
	background:
		linear-gradient(
			90deg,
			rgba(5,8,18,0.84) 0%,
			rgba(5,8,18,0.58) 34%,
			rgba(5,8,18,0.18) 68%,
			rgba(5,8,18,0.00) 100%
		);
}

/* ===== WEATHER TEXT PANEL (NO PANEL, ONLY TEXT) ===== */

.ic-weather-panel {
	position: absolute;
	z-index: 3;
	left: 34px;
	top: 50%;
	transform: translateY(-50%);
	width: 280px;
	padding: 0;

	background: transparent !important;
	border: none !important;
	border-radius: 0;
	box-shadow: none !important;

	color: #BAB088;
	text-shadow:
		0 2px 5px rgba(0,0,0,0.95),
		0 0 12px rgba(0,0,0,0.85);
	box-sizing: border-box;
}

.ic-weather-kicker {
	margin-bottom: 8px;
	font-family: "Quicksand", monospace; 
	font-size: 10px;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase; 
	letter-spacing: 2px;
	color: #9B783D;
	text-shadow:
		0 1px 4px rgba(0,0,0,9),
		0 0 10px rgba(0,0,0,0.9);
}

.ic-weather-date {
	font-family: Oswald, Arial, sans-serif;
	font-size: 34px;
	line-height: 1.05;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #BAB088;
	text-shadow:
		0 2px 5px rgba(0,0,0,1),
		0 0 16px rgba(0,0,0,0.95);
}

.ic-weather-meta {
	margin-top: 10px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
	color: #BAB088;
	text-shadow:
		0 1px 4px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,0.9);
}

/* ===== WEATHER EFFECTS ===== */

/* rain / storm */
#navigation.weather-rain::after,
#navigation.weather-storm::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background-image: linear-gradient(
		120deg,
		rgba(255,255,255,0.14) 0%,
		rgba(255,255,255,0.14) 1px,
		transparent 1px,
		transparent 9px
	);
	opacity: 0.22;
	animation: navigationRain 0.75s linear infinite;
}

#navigation.weather-storm::after {
	opacity: 0.32;
}

/* fog */
#navigation.weather-fog::after {
	content: none;
}

/* snow */
#navigation.weather-snow::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background-image:
		radial-gradient(circle, rgba(255,255,255,0.55) 1px, transparent 2px),
		radial-gradient(circle, rgba(255,255,255,0.35) 1px, transparent 2px);
	background-size: 38px 38px, 54px 54px;
	background-position: 0 0, 18px 12px;
	opacity: 0.32;
	animation: navigationSnow 8s linear infinite;
}

/* storm flash */
#navigation.weather-storm {
	animation: navigationStormFlash 7s ease-in-out infinite;
}

/* ===== ANIMATIONS ===== */

@keyframes navigationRain {
	from { background-position: 0 0; }
	to	{ background-position: -35px 70px; }
}

@keyframes navigationSnow {
	from { background-position: 0 0, 18px 12px; }
	to	{ background-position: 0 90px, 18px 120px; }
}

@keyframes navigationStormFlash {
	0%, 92%, 100% { filter: brightness(1); }
	94% { filter: brightness(1.45); }
	96% { filter: brightness(0.9); }
	98% { filter: brightness(1.25); }
}

/* ===== MOBILE ===== */

@media (max-width: 900px) {
	.ic-weather-panel {
		left: 18px;
		right: 18px;
		width: auto;
		top: auto;
		bottom: 20px;
		transform: none;
	}

	.ic-weather-date {
		font-size: 22px;
	}
}
/* Header */


#header h1 
{ 
	padding-left: 20px; 
}



/* Wrapper */

#wrapper a:link { 
	font-weight: bold; 
	text-decoration: none; 
}

#wrapper a:visited { 
	font-weight: bold; 
	text-decoration: none; 
}

#wrapper a:hover, #wrapper a:active { 
	text-decoration: none; 
}


.userarea {
	font-size: 11px;
	width: 97%;
	text-align: left;
	color: #b6ad8c;
	padding-top: 20px;
	padding-left: 25px;
text-shadow: 1px 1px 2px rgba(166, 159, 151, 0.3);
}
#logo {
	position: absolute;
	top: 90px;
	left: 140px;
	display: block;
	width: 455px;
	height: 200px;
	background: url(images/logo.gif) no-repeat;
	cursor: pointer;
}
.loginbutton {
	background: url(images/custom/login_button.gif) no-repeat;
	width: 52px;
	height: 26px;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	margin-top: 2px;
} 


/* MOD Reflect Avatar ~ Fix for IE */
.avatar { overflow: hidden }

/* Box BBCode */
.box_bbcode { margin: 10px 50px 10px 50px; border: 1px solid #432e13; }
.box_bbcode legend {color: #A67D3D}

/* Görgetősáv dizájn (WebKit alapú böngészőkhöz) */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #2e2017;
}

::-webkit-scrollbar-thumb {
  background-color: #5b472d;
  border-radius: 5px;
  border: 2px solid #2e2017;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #7a5b3c;
}


/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #5b472d #2e2017;
}

/* icon átírás */

img[src$="calendar.gif"] {
  content: url("https://www.roxfort.frpg.hu/Themes/roxfort2/images/2025/calendar.png");
}

img[src$="members.gif"] {
  content: url("https://www.roxfort.frpg.hu/Themes/roxfort2/images/2025/members.png");
}

img[src$="info.gif"] {
  content: url("https://www.roxfort.frpg.hu/Themes/roxfort2/images/2025/statistic");
}

img[src$="online.gif"] {
  content: url("https://www.roxfort.frpg.hu/Themes/roxfort2/images/2025/online.png");
}

/* csak az általános panelek */
.titlebg,
.titlebg2,
.catbg,
.catbg2,
.tborder {
	background: #2e2017 !important;
	border: none !important;
	box-shadow: none !important;
}

/* a board wrapper külön */
.board-wrapper {
	width: 900px;
	margin: 0 auto 18px auto;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	overflow: visible !important;
}

.infocenter-modern {
	overflow: hidden;
	border-radius: 16px;
}

.infocenter-modern .titlebg td {
	padding: 10px 14px;
background: #2e2017;
}

.infocenter-side,
.infocenter-main {
	padding: 18px;
	vertical-align: top;
}

.infocenter-side-inner,
.infocenter-main-inner {
	line-height: 1.6;
}

.infocenter-side {
	width: 260px;
}

.infocenter-side a {
	display: inline-block;
	margin-bottom: 2px;
}

.infocenter-spacer {
	height: 14px;
}

.infocenter-main {
	padding-left: 20px;
}

.infocenter-online-box {
	margin-top: 12px;
	padding: 14px;
	max-height: 140px;
	overflow: auto;
	background: rgba(255,255,255,0.01);
	border: 1px solid rgba(255,255,255,0.10);
	border-radius: 12px;
	box-sizing: border-box;
}

.infocenter-today-inline {
	margin-top: 12px;
	padding: 14px;
	background: rgba(255,255,255,0.01);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 12px;
	line-height: 1.8;
}

.infocenter-legend {
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px solid rgba(255,255,255,0.08);
	line-height: 1.8;
}

.stats-modern {
	overflow: hidden;
	border-radius: 14px;
	background: rgba(255,255,255,0.0);
	font-size: 11px; /* kisebb alap */
}

.stats-modern-header {
	padding: 8px 12px;
	font-weight: bold;
	font-size: 11px;
}

.stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	padding: 10px;
}

.stats-card {
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 10px;
	padding: 8px;
	box-sizing: border-box;
}

.stats-card-title {
	margin-bottom: 6px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.stats-table-head,
.stats-row {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 6px;
	align-items: center;
}

.stats-table-head {
	padding: 0 0 4px 0;
	margin-bottom: 4px;
	font-size: 9px;
	opacity: 0.7;
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.stats-row {
	padding: 3px 0;
	border-bottom: 1px solid rgba(255,255,255,0.03);
	line-height: 1.3;
}

.stats-row:last-child {
	border-bottom: none;
}

.stats-row-single {
	grid-template-columns: 1fr;
}

.stats-number {
	text-align: right;
	white-space: nowrap;
	font-size: 10px;
}

.stats-latest {
	padding: 0 10px 10px 10px;
}

.stats-latest-head,
.stats-latest-row {
	display: grid;
	grid-template-columns: 28% 28% 24% 20%;
	gap: 6px;
	align-items: center;
}

.stats-latest-head {
	padding: 6px 8px;
	margin-bottom: 4px;
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: 8px;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.stats-latest-row {
	padding: 6px 8px;
	margin-bottom: 3px;
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 6px;
	box-sizing: border-box;
	line-height: 1.3;
}

.stats-latest-row:last-child {
	margin-bottom: 0;
}

.profile-shell {
	width: 100%;
	padding-top: 20px;
}

.profile-error-wrap {
	margin-bottom: 18px;
}

.profile-sidebar-toggle {
	position: fixed;
	left: 0;
	top: 240px !important;
	z-index: 9999;
	display: inline-block;
	padding: 12px 14px;
	background: #2e2017;
	border: 1px solid rgba(255,255,255,0.08);
	border-left: none;
	border-radius: 0 12px 12px 0;
	box-shadow: 0 8px 24px rgba(0,0,0,0.35);
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
}

.profile-sidebar-toggle:hover {
	color: #BAB088 !important;
text-shadow: #9B783D 1px 0 5px;
	text-decoration: none;
}

.profile-sidebar {
	position: fixed;
	left: -280px;
	top: 300px !important;
	width: 260px;
	z-index: 9998;
	transition: left 0.25s ease;
}

.profile-sidebar.open {
	left: 0;
}

.profile-sidebar-inner {
	padding: 16px 18px;
	background: #2e2017;
	border: 1px solid rgba(255,255,255,0.08);
	border-left: none;
	border-radius: 0 16px 16px 0;
	box-shadow: 0 8px 30px rgba(0,0,0,0.35);
	box-sizing: border-box;
}

.profile-bottom-nav {
	margin-top: 0;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
}

.profile-bottom-nav-group + .profile-bottom-nav-group {
	margin-top: 12px;
}

.profile-bottom-nav-title {
	margin-bottom: 6px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D !important;
}

.profile-bottom-nav-links {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 11px;
	font-family: "Quicksand", monospace;
}

.profile-bottom-nav-current {
	font-weight: bold;
	color: #9B783D;
}

.profile-bottom-nav-link {
	opacity: 0.9;
	color: #BAB088;
}

@media (max-width: 900px) {
	.profile-sidebar-toggle {
		top: 180px;
		padding: 10px 12px;
		font-size: 10px;
	}

	.profile-sidebar {
		top: 240px;
		width: 220px;
		left: -240px;
	}
}

.profile-modern {
	overflow: hidden;
	border-radius: 18px;
}

.profile-modern-header {
	padding: 28px 28px 20px 28px;
	text-align: center;
	background: transparent;
}

.profile-modern-name {
	font-family: Oswald, Arial, sans-serif;
	font-size: 42px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #f5f1e8;
	font-weight: 700;
	text-align: center;
}

.profile-modern-subtitle {
	margin-top: 10px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.5;
	text-transform: lowercase;
	letter-spacing: 1px;
	color: rgba(245,241,232,0.85);
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.profile-modern-name {
	font-family: Oswald, Arial, sans-serif;
	font-size: 42px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #f5f1e8;
	font-weight: 700;
}

.profile-modern-subtitle {
	margin-top: 10px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.5;
	text-transform: lowercase;
	letter-spacing: 1px;
	color: rgba(245,241,232,0.85);
	max-width: 760px;
}

.profile-modern-body {
	padding: 24px 28px 28px 28px;
	box-sizing: border-box;
}

.profile-modern-top {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 22px;
	align-items: start;
}

.profile-modern-avatar-col {
	text-align: center;
}

.profile-modern-avatar-frame {
	width: 220px;
	margin: 0 auto 14px auto;
	padding: 10px;
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 14px;
	box-sizing: border-box;
}

.profile-modern-avatar-frame img {
	display: block;
	width: 200px !important;
	height: 320px !important;
	object-fit: cover;
	object-position: center top;
	border-radius: 10px;
}
.profile-modern-avatar-meta {
	margin-bottom: 12px;
}

/* reflection wrapper */
.profile-modern-avatar-frame > div {
	border-radius: 10px;
	overflow: hidden;
}

/* eredeti kép (felső rész) */
.profile-modern-avatar-frame img.reflected {
	border-radius: 10px 10px 0 0;
}

/* reflection (canvas vagy img) */
.profile-modern-avatar-frame canvas,
.profile-modern-avatar-frame > div img:last-child {
	border-radius: 0 0 10px 10px;
	display: block;
}

.profile-modern-group {
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 4px;
}

.profile-modern-stars {
	font-size: 11px;
}

.profile-modern-maininfo,
.profile-modern-section,
.profile-modern-section-outer {
	background: rgba(255,255,255,0.00);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 14px;
	padding: 14px 16px;
	box-sizing: border-box;
}

.profile-modern-card-title {
	margin-bottom: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.profile-modern-maininfo {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	text-transform: lowercase;
}

.profile-modern-maininfo div {
	margin-bottom: 4px;
}

.profile-modern-maininfo b {
	color: #BAB088;
}

.profile-modern-hostname {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
}

.profile-modern-activity-wrap {
	margin: 4px 0 6px 0;
}

.profile-modern-alert {
	margin-bottom: 8px;
	line-height: 1.7;
}

.profile-modern-section {
	margin-top: 18px;
}

.profile-modern-signature {
	line-height: 1.7;
}

.profile-modern-links-block {
	margin-top: 18px;
}

.profile-modern-links-grid {
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: 20px;
}

.profile-modern-links-list a {
	display: block;
	padding: 6px 0;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.profile-modern-links-list a:last-child {
	border-bottom: none;
}

.profile-modern-meta {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	text-transform: lowercase;
}

.profile-modern-video-wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	border-radius: 12px;
}

.profile-modern-video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.profile-modern-fields-table {
	width: 100%;
	border-collapse: collapse;
}

.profile-modern-fields-table td {
	padding: 6px 0;
	vertical-align: top;
}

.profile-modern-comment-actions {
	margin-bottom: 12px;
}

.profile-modern-comment {
	margin-bottom: 12px;
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 12px;
	overflow: hidden;
}

.profile-modern-comment-head {
	padding: 10px 12px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
}

.profile-modern-comment-body {
	padding: 12px;
	line-height: 1.7;
}

.profile-modern-pagination {
	margin-top: 12px;
	font-size: 11px;
}

@media (max-width: 900px) {
	.profile-modern-top {
		grid-template-columns: 1fr;
	}

	.profile-modern-links-grid {
		grid-template-columns: 1fr;
	}

	.profile-modern-avatar-frame {
		width: 220px;
	}
}

/* -------------------------------------------------
	PROFILE INNER PAGES - SUMMARY STYLINGHEZ IGAZÍTVA
------------------------------------------------- */

.profile-subpage {
	width: 100%;
	margin: 0 auto 20px auto;
	overflow: hidden;
	border-radius: 18px;
	background: #2e2017;
	border: 1px solid rgba(255,255,255,0.08);
	box-sizing: border-box;
}

.profile-subpage-header {
	padding: 24px 28px 18px 28px;
	text-align: left;
	background: transparent;
}

.profile-subpage-title {
	font-family: Oswald, Arial, sans-serif !important;
	font-size: 28px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #BAB088;
	font-weight: 700;
}

.profile-subpage-desc {
	margin-top: 10px;
	font-family: "Quicksand", monospace !important;
	font-size: 11px;
	line-height: 1.6;
	text-transform: lowercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.profile-subpage-body {
	padding: 0 28px 28px 28px;
	box-sizing: border-box;
	color: #BAB088;
}

.profile-subpage-body,
.profile-subpage-body div,
.profile-subpage-body td,
.profile-subpage-body span,
.profile-subpage-body a,
.profile-subpage-body input,
.profile-subpage-body select,
.profile-subpage-body textarea {
	font-family: "Quicksand", monospace;
}

.profile-block {
	margin-top: 18px;
	background: rgba(255,255,255,0.00);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 14px;
	padding: 14px 16px;
	box-sizing: border-box;
}

.profile-block:first-child {
	margin-top: 0;
}

.profile-block-title {
	margin-bottom: 10px;
	font-family: Oswald, Arial, sans-serif !important;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.profile-info-grid {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 8px 16px;
	align-items: start;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	text-transform: lowercase;
}

.profile-info-label {
	color: #BAB088;
	font-weight: bold;
}

.profile-info-value {
	color: #BAB088;
	overflow-wrap: anywhere;
}

.profile-mini-note {
	font-family: "Quicksand", monospace !important;
	font-size: 11px;
	line-height: 1.6;
	text-transform: lowercase;
	letter-spacing: 0.5px;
	color: #BAB088;
}

.profile-data-table {
	width: 100%;
	border-collapse: collapse;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
	text-transform: lowercase;
}

.profile-data-table tr + tr td {
	border-top: 1px solid rgba(255,255,255,0.05);
}

.profile-data-table tr + tr th {
	border-top: 1px solid rgba(255,255,255,0.05);
}

.profile-data-table th,
.profile-data-table td {
	padding: 9px 10px;
	vertical-align: top;
}

.profile-data-table th {
	text-align: left;
	font-family: Oswald, Arial, sans-serif !important;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
	font-weight: normal;
}

.profile-data-table td {
	color: #BAB088;
}

.profile-data-table td a,
.profile-info-value a,
.profile-mini-note a,
.profile-post-head a,
.profile-post-body a,
.profile-post-actions a,
.profile-bars-table a {
	color: #BAB088;
	text-decoration: none;
}

.profile-data-table td a:hover,
.profile-info-value a:hover,
.profile-mini-note a:hover,
.profile-post-head a:hover,
.profile-post-body a:hover,
.profile-post-actions a:hover,
.profile-bars-table a:hover {
	color: #9B783D;
}

.profile-data-table td.compact,
.profile-data-table th.compact {
	white-space: nowrap;
	width: 1%;
}

.profile-post-card {
	margin-bottom: 16px;
	background: rgba(255,255,255,0.00);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 14px;
	overflow: hidden;
}

.profile-post-head {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 16px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	font-family: "Quicksand", monospace !important;
	font-size: 11px;
	line-height: 1.6;
	text-transform: lowercase;
	color: #BAB088;
}

.profile-post-head-left {
	min-width: 0;
}

.profile-post-head-right {
	white-space: nowrap;
	color: #BAB088;
}

.profile-post-body,
.profile-post-body .post,
.profile-post-body .post * {
	font-family: "Quicksand", monospace !important;
	font-size: 11px;
	line-height: 1.8;
	text-transform: none;
	color: #BAB088;
}

.profile-post-actions {
	padding: 10px 16px 14px 16px;
	text-align: right;
	border-top: 1px solid rgba(255,255,255,0.05);
	font-family: "Quicksand", monospace !important;
	font-size: 11px;
}

.profile-post-actions span.middletext,
.profile-post-actions span.middletext a,
.profile-post-actions a {
	font-family: "Quicksand", monospace !important;
}

.profile-post-actions span.middletext a,
.profile-post-actions a {
	margin-left: 6px;
}

.profile-pageindex {
	margin: 0 0 14px 0;
	padding: 10px 14px;
	background: rgba(255,255,255,0.00);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 12px;
	font-family: "Quicksand", monospace !important;
	font-size: 11px;
	line-height: 1.6;
	text-transform: lowercase;
	color: #BAB088;
}

.profile-stat-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.profile-stat-list {
	display: grid;
	gap: 8px;
}

.profile-stat-row {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 12px;
	padding-bottom: 6px;
	border-bottom: 1px solid rgba(255,255,255,0.04);
	font-family: "Quicksand", monospace !important;
	font-size: 11px;
	line-height: 1.7;
	text-transform: lowercase;
	color: #BAB088;
}

.profile-stat-row strong {
	color: #BAB088;
	font-weight: bold;
}

.profile-bars-table {
	width: 100%;
	border-collapse: collapse;
	font-family: "Quicksand", monospace !important;
	font-size: 11px;
	line-height: 1.5;
	text-transform: lowercase;
}

.profile-bars-table td {
	padding: 8px 8px;
	vertical-align: middle;
	border-top: 1px solid rgba(255,255,255,0.05);
	color: #BAB088;
}

.profile-bar-wrap {
	height: 10px;
	background: rgba(255,255,255,0.01);
	border-radius: 999px;
	overflow: hidden;
}

.profile-bar-fill {
	height: 10px;
	background: #9a7b5f;
	border-radius: 999px;
}

.profile-two-col {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.profile-warning-box {
	color: #f0d6d6;
	background: rgba(130,20,20,0.18);
	border: 1px solid rgba(255,120,120,0.25);
	border-radius: 12px;
	padding: 12px 14px;
	font-family: "Quicksand", monospace !important;
	font-size: 11px;
	line-height: 1.7;
	text-transform: lowercase;
}

@media (max-width: 900px) {
	.profile-subpage,
	.profile-modern {
		width: 100%;
	}

	.profile-info-grid,
	.profile-stat-grid,
	.profile-two-col {
		grid-template-columns: 1fr;
	}
}

	.profile-post-head {
		display: block;
	}

	.profile-post-head-right {
		margin-top: 6px;
	}
}

.profile-post-body,
.profile-post-body .post,
.profile-post-body .post div,
.profile-post-body .post span,
.profile-post-body .post p,
.profile-post-body .post li,
.profile-post-body .post blockquote,
.profile-post-body .post td {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	text-transform: lowercase;
	color: #BAB088;
}

.profile-post-head,
.profile-post-head a,
.profile-post-head-left,
.profile-post-head-right {
	font-family: "Quicksand", monospace;
}

.profile-post-actions,
.profile-post-actions .middletext,
.profile-post-actions .middletext a,
.profile-post-actions a {
	font-family: "Quicksand", monospace;
	font-size: 11px;
}

/* -------------------------------------------------
	PROFILE FORM PAGES
------------------------------------------------- */

.profile-form-grid {
	display: grid;
	grid-template-columns: 240px 1fr;
	gap: 10px 18px;
	align-items: start;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	text-transform: lowercase;
}

.profile-form-label {
	color: #BAB088;
	font-weight: bold;
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.profile-form-help {
	display: block;
	margin-top: 4px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	line-height: 1.6;
	text-transform: none;
	letter-spacing: 0.3px;
	color: #BAB088;
	font-weight: normal;
}

.profile-form-value {
	color: #BAB088;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	text-transform: none;
}

.profile-form-value input[type="text"],
.profile-form-value input[type="password"],
.profile-form-value input[type="file"],
.profile-form-value select,
.profile-form-value textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	background: rgba(255,255,255,0.01);
	border: 1px solid rgba(255,255,255,0.09);
	color: #BAB088;
	padding: 8px 10px;
	border-radius: 10px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
}

.profile-form-value input[type="checkbox"],
.profile-form-value input[type="radio"] {
	width: auto;
	margin-right: 6px;
}

.profile-form-value label {
	display: inline-block;
	margin-right: 14px;
	margin-bottom: 6px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	text-transform: none;
}

.profile-form-value .smalltext,
.profile-form-help .smalltext {
	font-family: "Quicksand", monospace;
	font-size: 10px;
	color: #BAB088;
}

.profile-form-sep {
	grid-column: 1 / -1;
	height: 1px;
	background: rgba(255,255,255,0.01);
	margin: 6px 0;
}

.profile-save-row {
	grid-column: 1 / -1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
	margin-top: 10px;
	padding-top: 8px;
}

.profile-save-row.profile-save-row-password {
	justify-content: space-between;
	align-items: flex-start;
}

.profile-save-password {
	max-width: 320px;
}

.profile-save-password b {
	display: block;
	margin-bottom: 4px;
	color: #BAB088;
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.profile-save-password .smalltext {
	display: block;
	margin-bottom: 8px;
	color: #BAB088;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	text-transform: none;
}

.profile-save-actions input[type="submit"] {
	width: auto;
	min-width: 140px;
	cursor: pointer;
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.profile-inline-fields {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.profile-inline-fields input[type="text"] {
	width: auto;
}

.profile-radio-stack,
.profile-check-stack {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.profile-bbc-toolbar {
	margin-bottom: 8px;
}

.profile-bbc-toolbar img {
	vertical-align: middle;
}

.profile-avatar-preview {
	margin-top: 10px;
}

.profile-avatar-preview img {
	max-width: 140px;
	height: auto;
	border-radius: 10px;
	display: block;
}

.profile-map-wrap {
	margin-top: 10px;
	padding: 12px;
	background: rgba(255,255,255,0.00);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 12px;
}

.profile-form-full {
	grid-column: 1 / -1;
}

@media (max-width: 900px) {
	.profile-form-grid {
		grid-template-columns: 1fr;
	}

	.profile-save-row.profile-save-row-password {
		flex-direction: column;
		align-items: stretch;
	}

	.profile-save-actions {
		width: 100%;
	}

	.profile-save-actions input[type="submit"] {
		width: 100%;
	}
}

.profile-custom-fields-wrap table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.profile-custom-fields-wrap tr {
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.profile-custom-fields-wrap tr:last-child {
	border-bottom: none;
}

.profile-custom-fields-wrap td {
	padding: 10px 12px;
	vertical-align: top;
	box-sizing: border-box;
}

.profile-custom-fields-wrap td:first-child {
	width: 34%;
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.profile-custom-fields-wrap td:last-child {
	width: 66%;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.profile-custom-fields-wrap .smalltext {
	display: block;
	margin-top: 4px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	line-height: 1.5;
	text-transform: none;
	color: #BAB088;
}

.profile-custom-fields-wrap input[type="text"],
.profile-custom-fields-wrap select,
.profile-custom-fields-wrap textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin-top: 4px;
}

.profile-custom-fields-wrap br {
	line-height: 1.2;
}

.header-user-panel {
	width: 900px;
	margin: 18px auto 0 auto;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.header-user-panel-inner {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 18px;
	align-items: center;
	border-radius: 0 0 25px 25px;
	padding: 16px 18px;
	background: #2e2017;
	border: 0px solid rgba(255,255,255,0.08);

	box-shadow: 0 8px 24px rgba(0,0,0,0.28);
	box-sizing: border-box;
}

.header-user-avatar-col {
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-user-avatar {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	border: 0px solid rgba(255,255,255,0.10);
	box-sizing: border-box;
}

.header-user-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.header-user-info-col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.header-user-info-col-guest {
	grid-column: 1 / -1;
}

.header-user-textblock {
	margin-bottom: 12px;
}

.header-user-welcome {
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.05;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
	margin-bottom: 6px;
}

.header-user-welcome strong {
	color: #9B783Dfff;
}

.header-user-meta {
	font-family: "Quicksand", monospace;
	font-size: 10px;
	line-height: 1.6;
	color: #BAB088;
}

.header-user-meta strong {
	color: #9B783D;
}

.header-user-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 gap: 6px;
}

.header-user-buttons a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 110px;
	padding: 8px 12px;
	background: rgba(255,255,255,0.00);
	border: 0px solid rgba(255,255,255,0.08);
	border-radius: 6px;
	box-sizing: border-box;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	text-decoration: none;
}

.header-user-buttons a:hover {
	background: rgba(255,255,255,0.00);
	border-color: rgba(255,255,255,0.14);
	color: #9B783D !important;
text-shadow: #9B783D 1px 0 5px;
}

.header-user-buttons i {
	font-size: 10px;
	width: 14px;
	text-align: center;
}

.pm-icon-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
}

.pm-glow-orb {
	position: absolute;
	top: -4px;
	right: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ff3b3b;
	box-shadow:
		0 0 5px #ff3b3b,
		0 0 10px rgba(255,59,59,0.85),
		0 0 18px rgba(255,59,59,0.45);
	animation: pmOrbPulse 1.8s ease-in-out infinite;
}

@keyframes pmOrbPulse {
	0% {
		transform: scale(0.9);
		opacity: 0.72;
	}
	50% {
		transform: scale(1.15);
		opacity: 1;
	}
	100% {
		transform: scale(0.9);
		opacity: 0.72;
	}
}

@media (max-width: 900px) {
	.header-user-panel {
		width: 100%;
	}

	.header-user-panel-inner {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.header-user-avatar-col {
		justify-content: center;
	}

	.header-user-buttons {
		justify-content: center;
	}

	.header-user-welcome {
		font-size: 16px;
	}
}

/* -------------------------------------------------
	SHOUTBOX MODERN
------------------------------------------------- */

.shoutbox-modern {
	width: 900px;
	margin: 18px auto;
	background: #2e2017;
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.28);
	overflow: hidden;
	box-sizing: border-box;
}

.shoutbox-modern-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 16px;
	background: #2e2017;
	border-bottom: 1px solid rgba(255,255,255,0.07);
	box-sizing: border-box;
}

.shoutbox-modern-title {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.shoutbox-modern-title span {
	line-height: 1;
}

.shoutbox-modern-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	text-decoration: none;
}

.shoutbox-modern-actions {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.5;
	color: #BAB088;
	text-align: right;
	white-space: nowrap;
}

.shoutbox-modern-actions a {
	color: #BAB088 !important;
	text-decoration: none;
}

.shoutbox-modern-actions a:hover {
	color: #9B783D !important;
}

.shoutbox-modern-shell {
	background: transparent;
}

.shoutbox-modern-messages-wrap {
	padding: 14px 16px 0 16px;
	box-sizing: border-box;
}

.shoutbox-modern-messages {
	overflow: auto;
	padding: 10px 12px;
	background: rgba(255,255,255,0.01);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 10px;
	box-sizing: border-box;
}

/* FONTOS: a régi shoutbox táblát ne törjük szét */
#shoutbox_banned table,
#shoutbox_table {
	width: 100%;
	border-collapse: collapse;
}

#shoutbox_banned td,
#shoutbox_table td {
	padding: 6px 8px;
	vertical-align: top;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
	white-space: normal;
	word-break: break-word;
	overflow-wrap: anywhere;
}

#shoutbox_banned tr,
#shoutbox_table tr {
	border: none;
}

#shoutbox_banned td,
#shoutbox_table td {
	padding-top: 6px;
	padding-bottom: 6px;
}

/* kis extra tér az üzenetek között */
#shoutbox_banned tr + tr td,
#shoutbox_table tr + tr td {
	padding-top: 10px;
}

/* név oszlop */
#shoutbox_banned td:first-child,
#shoutbox_table td:first-child {
	width: 1%;
	white-space: nowrap;
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-right: 14px;
}

#shoutbox_banned td + td,
#shoutbox_table td + td {
	width: 100%;
	white-space: normal;
	word-break: break-word;
	overflow-wrap: anywhere;
}

/* postbar */
.shoutbox-modern-postbar {
	padding: 14px 16px 16px 16px;
	box-sizing: border-box;
}

.shoutbox-modern-postrow {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 12px;
	align-items: center;
}

.shoutbox-modern-inputwrap {
	min-width: 0;
}

.shoutbox-modern-input {
	width: 100%;
	height: 36px;
	padding: 0 12px;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 8px;
	background: rgba(255,255,255,0.01) !important;
	color: #BAB088 !important;
	font-family: "Quicksand", monospace !important;
	font-size: 11px !important;
	line-height: 36px;
	box-sizing: border-box;
}

.shoutbox-modern-input:focus {
	outline: none;
	border-color: rgba(154,123,95,0.95) !important;
	box-shadow: 0 0 0 1px rgba(154,123,95,0.35);
}

.shoutbox-modern-tools {
	position: relative;
}

.shoutbox-modern-tools-inner {
	display: flex;
	align-items: center;
	justify-content: center; /* EZ A LÉNYEG */
	gap: 4px;
	padding: 6px 8px;
	background: rgba(255,255,255,0.00);
	border: 0px solid rgba(255,255,255,0.07);
	border-radius: 8px;
	box-sizing: border-box;
}

#shoutbox_faces,
#shoutbox_smileys,
#colorpicker {
	z-index: 50;
	box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}

#shoutbox_faces .windowbg2,
#shoutbox_smileys .windowbg2,
#colorpicker .windowbg2 {
	background: #2e2017;
	color: #BAB088;
}

#shoutbox_faces a,
#shoutbox_smileys a,
#colorpicker a {
	color: #BAB088 !important;
}

#shoutbox_faces a:hover,
#shoutbox_smileys a:hover,
#colorpicker a:hover {
	color: #9B783D !important;
}

#colorpicker input {
	color: #BAB088 !important;
	background: rgba(255,255,255,0.04) !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
}

#shoutbox_banned,
#shoutbox_banned * {
	text-transform: none !important;
}

@media (max-width: 900px) {
	.shoutbox-modern {
		width: 100%;
	}

	.shoutbox-modern-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.shoutbox-modern-actions {
		text-align: left;
		white-space: normal;
	}

	.shoutbox-modern-postrow {
		grid-template-columns: 1fr;
	}

	.shoutbox-modern-tools-inner {
		flex-wrap: wrap;
	}
}

/* -------------------------------------------------
	FLOATING SHOUTBOX TOGGLE
------------------------------------------------- */

.shoutbox-floating-wrap {
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 9999;
	width: 550px;
	max-width: calc(100vw - 36px);
}

.shoutbox-floating-toggle {
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	background: #2e2017;
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.35);
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	cursor: pointer;
	user-select: none;
}

.shoutbox-floating-toggle:hover {
	color: #BAB088 !important;
text-shadow: #9B783D 1px 0 5px;
	text-decoration: none;
}

.shoutbox-floating-toggle-icon-wrap {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
}

.shoutbox-floating-alert {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #d84b4b;
	box-shadow:
		0 0 6px rgba(216,75,75,0.9),
		0 0 12px rgba(216,75,75,0.65),
		0 0 18px rgba(216,75,75,0.35);
	animation: shoutboxPulse 1.8s ease-in-out infinite;
	display: none;
}

.shoutbox-floating-toggle.has-alert .shoutbox-floating-alert {
	display: block;
}

@keyframes shoutboxPulse {
	0%	{ transform: scale(0.95); opacity: 0.85; }
	50%  { transform: scale(1.15); opacity: 1; }
	100% { transform: scale(0.95); opacity: 0.85; }
}

.shoutbox-floating-panel {
	position: absolute;
	right: 0;
	bottom: 52px;
	width: 100%;
	transform: translateY(12px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

.shoutbox-floating-wrap.open .shoutbox-floating-panel {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.shoutbox-floating-panel .shoutbox-modern {
	width: 100%;
	margin: 0;
}

@media (max-width: 700px) {
	.shoutbox-floating-wrap {
		right: 10px;
		bottom: 10px;
		width: calc(100vw - 20px);
		max-width: none;
	}

	.shoutbox-floating-panel {
		bottom: 50px;
	}

	.shoutbox-floating-toggle {
		font-size: 11px;
		padding: 9px 12px;
	}
}



/* -------------------------------------------------
	LINKTREE MODERN
------------------------------------------------- */

.linktree-modern {
	width: 900px;
	margin: 0 auto 14px auto;
	padding: 8px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
	color: #BAB088;
	text-shadow: 0 1px 2px rgba(0,0,0,0.55);
	box-sizing: border-box;
}

.linktree-item {
	display: inline-flex;
	align-items: center;
}

.linktree-modern a {
	color: #BAB088 !important;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0,0,0,0.55);
}

.linktree-modern a:hover {
		color: #BAB088 !important;
text-shadow: #9B783D 1px 0 5px;
}

.linktree-sep {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #9B783D;

	box-shadow:
		0 0 6px rgba(209,162,84,0.9),
		0 0 12px rgba(209,162,84,0.6),
		0 0 18px rgba(209,162,84,0.3);

	display: inline-block;
	flex: 0 0 8px;

	animation: linktreeGlow 4.2s ease-in-out infinite;
}

@keyframes linktreeGlow {
	0%	{ transform: scale(0.9); opacity: 0.7; }
	50%  { transform: scale(1.15); opacity: 1; }
	100% { transform: scale(0.9); opacity: 0.7; }
}

/* -------------------------------------------------
	MESSAGE INDEX MODERN
------------------------------------------------- */

.messageindex-shell {
	width: 100%;
	padding-top: 8px;
	color: #BAB088;
	box-sizing: border-box;
}

.messageindex-topbar {
	width: 900px;
	margin: 0 auto 16px auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
}

.messageindex-topbar-left {
	min-width: 0;
	flex: 1 1 auto;
}

.messageindex-topbar-right {
	flex: 0 0 auto;
	text-align: right;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
	color: #BAB088;
}

.messageindex-parentboards,
.messageindex-boarddesc,
.messageindex-controls,
.messageindex-topic-list,
.messageindex-quickmod-bar,
.messageindex-footer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.messageindex-parentboards,
.messageindex-boarddesc,
.messageindex-controls,
.messageindex-topic-list,
.messageindex-quickmod-bar,
.messageindex-footer {
	background: #2e2017;
	border: none;
	border-radius: 18px;
	box-shadow: none;
	overflow: hidden;
}

.messageindex-parentboards {
	margin-bottom: 16px;
	padding: 16px 18px;
}

.messageindex-section-title {
	margin-bottom: 14px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.messageindex-parentboard-card {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) 110px 190px;
	gap: 14px;
	align-items: start;
	padding: 14px 0;
	border-top: 1px solid rgba(255,255,255,0.06);
}

.messageindex-parentboard-card:first-of-type {
	border-top: none;
	padding-top: 0;
}

.messageindex-parentboard-status {
	padding-top: 2px;
	text-align: center;
}

.messageindex-parentboard-name a,
.messageindex-parentboard-name {
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #BAB088 !important;
	text-decoration: none;
}

.messageindex-parentboard-name a:hover {
	color: #9B783D !important;
}

.messageindex-parentboard-desc {
	margin-top: 4px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.75;
	color: #BAB088;
}

.messageindex-parentboard-meta {
	margin-top: 6px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.messageindex-parentboard-meta a {
	color: #9B783D !important;
	text-decoration: none;
}

.messageindex-parentboard-meta a:hover {
	color: #9B783D !important;
}

.messageindex-parentboard-stats,
.messageindex-parentboard-last {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.messageindex-parentboard-stats strong {
	color: #BAB088;
}

.messageindex-boarddesc {
	margin-bottom: 16px;
	padding: 14px 18px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: #BAB088;
}

.messageindex-controls {
	margin-bottom: 16px;
	padding: 12px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
	color: #BAB088;
}

.messageindex-controls-left a {
	color: #9B783D !important;
	text-decoration: none;
}

.messageindex-controls-left a:hover {
	color: #9B783D !important;
}

.messageindex-controls-right {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.messageindex-action-btn {
	display: inline-block;
	padding: 8px 12px;
	background: rgba(255,255,255,0.00);
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	text-decoration: none;
	transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}


.messageindex-action-btn:hover {
	background: transparent;
	border: none;
	border: 1px solid rgba(255,255,255,0.05);
	color: #9B783D !important;
text-shadow: #9B783D 1px 0 5px;
	transform: none;
}

.messageindex-action-btn-primary {
	background: rgba(209,162,84,0.0);
	border-color: rgba(209,162,84,0.05);
	color: #BAB088 !important;
}

.messageindex-topic-list {
	margin-bottom: 16px;
	padding: 18px;
}

.messageindex-topic-empty {
	padding: 6px 2px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	color: #BAB088;
}

.messageindex-topic-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 190px 44px;
	gap: 18px;
	align-items: start;
	padding: 16px 0;
	border-top: 1px solid rgba(255,255,255,0.06);
}

.messageindex-topic-card:first-child {
	border-top: none;
	padding-top: 0;
}

.messageindex-topic-main {
	min-width: 0;
}

.messageindex-topic-title-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

.messageindex-topic-title,
.messageindex-topic-title a,
.messageindex-topic-main > span a {
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	text-decoration: none;
}

.messageindex-topic-title a:hover {
	color: #9B783D !important;
}

.messageindex-topic-new {
	display: inline-flex;
	align-items: center;
}

.messageindex-topic-pages {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 8px;
	border-radius: 999px;
	background: transparent;
	border: none;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	line-height: 1.4;
	color: #BAB088;
}

.messageindex-topic-desc {
	margin-bottom: 10px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: #BAB088;
	text-transform: none;
}

.messageindex-topic-desc b {
	color: #9B783D;
	font-weight: bold;
}

.messageindex-topic-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.messageindex-meta-label {
	color: #9B783D;
	font-weight: bold;
}

.messageindex-topic-last {
	position: relative;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.75;
	color: #BAB088;
	box-sizing: border-box;
}

.messageindex-topic-last a {
	color: #9B783D !important;
	text-decoration: none;
}

.messageindex-topic-last a:hover {
	color: #9B783D !important;
}

.messageindex-topic-lasticon {
	position: absolute;
	top: 12px;
	right: 12px;
}

.messageindex-topic-quickmod {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding-top: 4px;
}

.messageindex-topic-quickmod a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.messageindex-topic-quickmod .check {
	margin-top: 6px;
}

.messageindex-quickmod-bar {
	margin-bottom: 16px;
	padding: 12px 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.messageindex-quickmod-bar select,
.messageindex-quickmod-bar input[type="submit"],
.messageindex-jump select,
.messageindex-jump input[type="button"] {
	background: rgba(255,255,255,0.00);
	border: 1px solid rgba(255,255,255,0.08);
	color: #BAB088;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	border-radius: 10px;
	padding: 8px 10px;
	box-sizing: border-box;
}

.messageindex-footer {
	margin-bottom: 16px;
	padding: 16px 18px;
}

.messageindex-footer-linktree {
	margin-bottom: 14px;
}

.messageindex-legend-jump {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 24px;
}

.messageindex-legend {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, auto));
	gap: 8px 20px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.messageindex-jump {
	margin-left: auto;
	text-align: right;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.messageindex-jump form {
	margin: 0;
}

.messageindex-jump label {
	margin-right: 6px;
	color: #9B783D;
	font-weight: bold;
}

/* inline edit fieldek */
.messageindex-topic-card input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	background: #2e2017;
	border: 1px solid #5b472d;
	color: #BAB088;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	border-radius: 0;
	padding: 6px 8px;
}

/* linkek általánosan a message indexben */
.messageindex-shell a {
	text-decoration: none;
}

.messageindex-shell a:hover {
	text-decoration: none;
}

/* mobile */
@media (max-width: 900px) {
	.messageindex-topbar,
	.messageindex-parentboards,
	.messageindex-boarddesc,
	.messageindex-controls,
	.messageindex-topic-list,
	.messageindex-quickmod-bar,
	.messageindex-footer {
		width: 100%;
	}

	.messageindex-topbar,
	.messageindex-controls,
	.messageindex-legend-jump {
		flex-direction: column;
		align-items: stretch;
	}

	.messageindex-controls-right {
		justify-content: flex-start;
	}

	.messageindex-parentboard-card {
		grid-template-columns: 36px 1fr;
	}

	.messageindex-parentboard-stats,
	.messageindex-parentboard-last {
		grid-column: 2 / span 1;
	}

	.messageindex-topic-card {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.messageindex-topic-last,
	.messageindex-topic-quickmod {
		width: 100%;
	}

	.messageindex-topic-quickmod {
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.messageindex-legend {
		grid-template-columns: 1fr;
	}

	.messageindex-jump {
		text-align: left;
		margin-left: 0;
	}
}

/* -------------------------------------------------
	SMF ICON CLEANUP + ONLY NEW ORBS
------------------------------------------------- */

/* 1. MINDENT ELTÜNTETÜNK ALAPBÓL */
img[src*="off.gif"],
img[src*="normal_post.gif"],
img[src*="normal_post_locked.gif"] {
	display: none !important;
}

/* 2. AZ ÖSSZES “ÚJ” TÍPUSÚ IKONT ÁTALAKÍTJUK ORB-BÁ */
img[src*="on.gif"],
img[src*="on2.gif"],
img[src*="new.gif"],
img[src*="my_normal_post.gif"],
img[src*="hot_post.gif"],
img[src*="veryhot_post.gif"],
img[src*="normal_post_sticky.gif"],
img[src*="normal_poll.gif"] {
	content: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==");
	display: inline-block !important;
	width: 8px !important;
	height: 8px !important;
	min-width: 8px !important;
	min-height: 8px !important;
	border-radius: 50% !important;
	border: none !important;
	vertical-align: middle;
	margin: 0 4px 0 2px;
	animation: smfOrbPulse 2s ease-in-out infinite;
}

/* 3. SZÍNEK */

/* új board */
img[src*="on.gif"] {
	background: #58b368 !important;
	box-shadow:
		0 0 6px rgba(88,179,104,0.9),
		0 0 12px rgba(88,179,104,0.55),
		0 0 18px rgba(88,179,104,0.28);
}

/* gyerekboard új */
img[src*="on2.gif"] {
	background: #7c67d9 !important;
	box-shadow:
		0 0 6px rgba(124,103,217,0.9),
		0 0 12px rgba(124,103,217,0.55),
		0 0 18px rgba(124,103,217,0.28);
}

/* topic új jelzés */
img[src*="new.gif"] {
	background: #d84b4b !important;
	box-shadow:
		0 0 6px rgba(216,75,75,0.9),
		0 0 12px rgba(216,75,75,0.6),
		0 0 18px rgba(216,75,75,0.35);
}

/* saját új hozzászólás */
img[src*="my_normal_post.gif"] {
	background: #b04a6f !important;
	box-shadow:
		0 0 6px rgba(176,74,111,0.9),
		0 0 12px rgba(176,74,111,0.55),
		0 0 18px rgba(176,74,111,0.28);
}

/* hot */
img[src*="hot_post.gif"] {
	background: #c67a3d !important;
	box-shadow:
		0 0 6px rgba(198,122,61,0.9),
		0 0 12px rgba(198,122,61,0.55),
		0 0 18px rgba(198,122,61,0.28);
}

/* very hot */
img[src*="veryhot_post.gif"] {
	background: #c94b3c !important;
	box-shadow:
		0 0 6px rgba(201,75,60,0.9),
		0 0 12px rgba(201,75,60,0.55),
		0 0 18px rgba(201,75,60,0.28);
}

/* sticky */
img[src*="normal_post_sticky.gif"] {
	background: #4f8a5b !important;
	box-shadow:
		0 0 6px rgba(79,138,91,0.9),
		0 0 12px rgba(79,138,91,0.55),
		0 0 18px rgba(79,138,91,0.28);
}

/* poll */
img[src*="normal_poll.gif"] {
	background: #5a6fb8 !important;
	box-shadow:
		0 0 6px rgba(90,111,184,0.9),
		0 0 12px rgba(90,111,184,0.55),
		0 0 18px rgba(90,111,184,0.28);
}

/* animáció */
@keyframes smfOrbPulse {
	0%	{ transform: scale(0.92); opacity: 0.82; }
	50%  { transform: scale(1.16); opacity: 1; }
	100% { transform: scale(0.92); opacity: 0.82; }
}

/* -------------------------------------------------
	ONLINE STATUS ORBS
------------------------------------------------- */

/* közös alap */
img[src$="useron.gif"],
img[src$="buddy_useron.gif"],
img[src$="useroff.gif"],
img[src$="buddy_useroff.gif"] {
	content: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==");
	display: inline-block !important;
	width: 8px !important;
	height: 8px !important;
	min-width: 8px !important;
	min-height: 8px !important;
	border-radius: 50% !important;
	border: none !important;
	vertical-align: middle;
	margin: 0 4px 0 2px;
}

/* ONLINE – zöld, pulzáló */
img[src$="useron.gif"],
img[src$="buddy_useron.gif"] {
	background: #5dbb63 !important;

	box-shadow:
		0 0 6px rgba(93,187,99,0.9),
		0 0 12px rgba(93,187,99,0.6),
		0 0 18px rgba(93,187,99,0.35);

	animation: smfOnlinePulse 2s ease-in-out infinite;
}

/* OFFLINE – sötétzöld, statikus */
img[src$="useroff.gif"],
img[src$="buddy_useroff.gif"] {
	background: #2f5c3a !important;

	box-shadow:
		0 0 3px rgba(47,92,58,0.6),
		0 0 6px rgba(47,92,58,0.3);

	animation: none !important;
}

/* animáció */
@keyframes smfOnlinePulse {
	0%	{ transform: scale(0.9); opacity: 0.75; }
	50%  { transform: scale(1.2); opacity: 1; }
	100% { transform: scale(0.9); opacity: 0.75; }
}

img[src*="last_post.gif"] {
	display: none !important;
}

/* -------------------------------------------------
	INFOCENTER LOGIN MODERN
------------------------------------------------- */

.infocenter-login-modern {
	padding: 18px;
	background: #2e2017;
	border-top: 1px solid rgba(255,255,255,0.06);
	box-sizing: border-box;
}

.infocenter-login-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
}

.infocenter-login-title {
	font-family: Oswald, Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.infocenter-login-help,
.infocenter-login-help a {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	color: #9B783D !important;
	text-decoration: none;
}

.infocenter-login-help a:hover {
	color: #9B783D !important;
}

.infocenter-login-form {
	margin: 0;
}

.infocenter-login-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 90px auto auto;
	gap: 12px;
	align-items: end;
}

.infocenter-login-field label,
.infocenter-login-check label {
	display: block;
	margin-bottom: 6px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.5;
	color: #BAB088;
}

.infocenter-login-field input[type="text"],
.infocenter-login-field input[type="password"] {
	width: 100%;
	box-sizing: border-box;
}

.infocenter-login-field-small input[type="text"] {
	width: 100%;
}

.infocenter-login-check {
	padding-bottom: 2px;
}

.infocenter-login-check label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 0;
}

.infocenter-login-check span {
	color: #BAB088;
}

.infocenter-login-submit {
	padding-bottom: 1px;
}

.infocenter-login-submit input[type="submit"] {
	padding: 7px 12px;
	border: 1px solid rgba(255,255,255,0.08);
	background: transparent;
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
	cursor: pointer;
}

.infocenter-login-submit input[type="submit"]:hover {
	color: #9B783D;
	border-color: rgba(209,162,84,0.22);
}

@media (max-width: 900px) {
	.infocenter-login-grid {
		grid-template-columns: 1fr;
		align-items: stretch;
	}

	.infocenter-login-submit input[type="submit"] {
		width: 100%;
	}
}

/* -------------------------------------------------
	DISPLAY ACTION BUTTONS
------------------------------------------------- */

.topic-action-btn {
	display: inline-block;
	margin-left: 8px;
	padding: 8px 12px;
	background: #2e2017;
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	text-decoration: none;
	transition: color 0.18s ease, border-color 0.18s ease, text-shadow 0.18s ease;
}

.topic-action-btn:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22);
	text-shadow: #9B783D 1px 0 5px;
	text-decoration: none;
}

.topic-action-btn-primary {
	color: #BAB088 !important;
}

div[style*="padding-top: 4px"][style*="padding-bottom: 4px"] {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
}

div[style*="padding-top: 4px"][style*="padding-bottom: 4px"] .topic-action-btn {
	margin-left: 0;
}

.topic-actionbar-wrap {
	width: 100%;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.topic-actionbar-wrap tr,
.topic-actionbar-wrap td,
.topic-actionbar {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.topic-actionbar {
	padding: 0 !important;
}

img[src*="go_up.gif"],
img[src*="go_down.gif"] {
	display: none !important;
}

/* -------------------------------------------------
	DISPLAY PAGE INDEX - STRONGER TARGETING
------------------------------------------------- */

.topic-actionbar,
.topic-actionbar td,
.topic-actionbar .smalltext,
.catbg .smalltext {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	color: #BAB088;
}

/* a Pages: felirat */
.topic-actionbar b,
.catbg b {
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

/* page index linkek */
.topic-actionbar a[href*=".0"],
.topic-actionbar a[href*="topic="],
.topic-actionbar a[href*="start="],
.catbg a[href*=".0"],
.catbg a[href*="topic="],
.catbg a[href*="start="] {
	display: inline-block;
	padding: 4px 8px;
	margin: 0 2px;
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 8px;
	background: #2e2017;
	color: #BAB088!important;
	text-decoration: none;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.2;
	transition: color 0.18s ease, border-color 0.18s ease, text-shadow 0.18s ease;
}

.topic-actionbar a[href*=".0"]:hover,
.topic-actionbar a[href*="topic="]:hover,
.topic-actionbar a[href*="start="]:hover,
.catbg a[href*=".0"]:hover,
.catbg a[href*="topic="]:hover,
.catbg a[href*="start="]:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.25);
	text-shadow: 0 0 6px rgba(209,162,84,0.6);
}

/* aktuális oldal - SMF gyakran <b> vagy <strong> */
.topic-actionbar strong,
.topic-actionbar b:not(:first-child),
.catbg strong,
.catbg b:not(:first-child) {
	display: inline-block;
	padding: 4px 8px;
	margin: 0 2px;
	border-radius: 8px;
	background: rgba(209,162,84,0.12);
	color: #9B783D;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.2;
}

/* -------------------------------------------------
	DISPLAY POST ACTION BUTTONS
------------------------------------------------- */

.post-action-bar {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.post-action-btn {
	display: inline-block;
	padding: 6px 10px;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	color: #BAB088 !important;
	text-decoration: none;
	transition: color 0.18s ease, border-color 0.18s ease, text-shadow 0.18s ease;
}

.post-action-btn:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22);
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
	text-decoration: none;
}

.post-action-btn-primary {
	color: #BAB088 !important;
}

.post-action-btn-danger:hover {
	color: #c96a5c !important;
	border-color: rgba(201,106,92,0.24);
	text-shadow: 0 0 5px rgba(201,106,92,0.35);
}

.post-action-check {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 6px;
}

.post-action-check .check {
	margin: 0;
}

/* ha a régi ikonokra maradna valami globálisból */
.post-action-bar img {
	display: none !important;
}

/* -------------------------------------------------
	DISPLAY JUMP TO - MESSAGEINDEX STYLE
------------------------------------------------- */

div[align="right"] form[action$="index.php"],
div[align="left"] form[action$="index.php"],
div[align="right"] form[action*="index.php"],
div[align="left"] form[action*="index.php"] {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 12px 16px;
	background: #2e2017;
	border: none;
	border-radius: 18px;
	box-shadow: none;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

div[align="right"] form[action*="index.php"] .smalltext,
div[align="left"] form[action*="index.php"] .smalltext {
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

div[align="right"] form[action*="index.php"] select,
div[align="left"] form[action*="index.php"] select {
	min-width: 240px;
	background: rgba(255,255,255,0.00);
	border: 1px solid rgba(255,255,255,0.08);
	color: #BAB088;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	border-radius: 10px;
	padding: 8px 10px;
	box-sizing: border-box;
}

div[align="right"] form[action*="index.php"] input[type="button"],
div[align="left"] form[action*="index.php"] input[type="button"] {
	padding: 8px 12px;
	background: rgba(255,255,255,0.00);
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
	cursor: pointer;
	transition: color 0.18s ease, border-color 0.18s ease, text-shadow 0.18s ease;
}

div[align="right"] form[action*="index.php"] input[type="button"]:hover,
div[align="left"] form[action*="index.php"] input[type="button"]:hover {
	color: #BAB088;
	border-color: rgba(209,162,84,0.22);
	text-shadow: #9B783D 1px 0 5px;
}

div[align="right"][style*="margin-bottom"],
div[align="left"][style*="margin-bottom"] {
	margin-bottom: 16px !important;
}

/* mobil */
@media (max-width: 900px) {
	div[align="right"] form[action*="index.php"],
	div[align="left"] form[action*="index.php"] {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: stretch;
	}

	div[align="right"] form[action*="index.php"] select,
	div[align="left"] form[action*="index.php"] select,
	div[align="right"] form[action*="index.php"] input[type="button"],
	div[align="left"] form[action*="index.php"] input[type="button"] {
		width: 100%;
		min-width: 0;
	}
}

/* -------------------------------------------------
	DISPLAY POST HEADER MODERN
------------------------------------------------- */

.post-modern-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 24px;
}

.post-modern-titleblock {
	min-width: 0;
}

.post-modern-title {
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.15;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #BAB088;
}

.post-modern-title a {
	color: #BAB088 !important;
	text-decoration: none;
}

.post-modern-title a:hover {
	color: #9B783D !important;
}

.post-modern-meta {
	margin-top: 4px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
	color: #BAB088;
	text-transform: none;
}

/* régi subject blokk felülírása */
div[id^="subject_"] {
	font-family: inherit;
	font-size: inherit;
	letter-spacing: inherit;
	text-transform: none;
	color: inherit;
}

/* a post teteje legyen levegősebb */
.post {
	margin-top: 8px;
}

/* ha máshol maradna a régi ikon */
a[href*="#msg"] img[src*="post/"],
a[href*="msg"] img[src*="post/"],
td[valign="middle"] > a > img[src*="/icons/"],
td[valign="middle"] > a > img[src*="/topic/"],
td[valign="middle"] > a > img {
	max-width: 100%;
}

/* csak a konkrét message icon eltüntetése a fejlécből */
.post-modern-header + * img[src*="post/"] {
	display: none;
}

.post {
	margin-top: 50px;
}

/* -------------------------------------------------
	GPBP HEART MODERN
------------------------------------------------- */

.gpbp_vote {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.gpbp-score {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	color: #BAB088;
}

.gpbp-heart-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	text-decoration: none;
}

.gpbp-heart-link .gpbp_vote_img {
	position: absolute;
	inset: 0;
	width: 18px;
	height: 18px;
	opacity: 0 !important;
	pointer-events: none;
}

.gpbp-heart-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
}

.gpbp-heart-icon .fa-regular,
.gpbp-heart-icon .fa-solid {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	line-height: 1;
}

.gpbp-heart-icon .fa-regular {
	display: block;
	color: #BAB088;
}

.gpbp-heart-icon .fa-solid {
	display: none;
	color: #d84b4b;
	text-shadow:
		0 0 6px rgba(216,75,75,0.9),
		0 0 12px rgba(216,75,75,0.6),
		0 0 18px rgba(216,75,75,0.35);
}

.gpbp-heart-link.gpbp-active .fa-regular {
	display: none;
}

.gpbp-heart-link.gpbp-active .fa-solid {
	display: block;
	animation: gpbpHeartPulse 2s ease-in-out infinite;
}

.gpbp-heart-link:hover .fa-regular {
	color: #9B783D1d2;
}

@keyframes gpbpHeartPulse {
	0%	{ transform: translate(-50%, -50%) scale(0.92); opacity: 0.82; }
	50%  { transform: translate(-50%, -50%) scale(1.16); opacity: 1; }
	100% { transform: translate(-50%, -50%) scale(0.92); opacity: 0.82; }
}



/* maga a post tartalom */
.post {
	padding-right: 10px !important;
	box-sizing: border-box;
}

table[style*="table-layout:"] > tbody > tr > td[rowspan="2"] {
	width: 250px !important;
	min-width: 250px;
	max-width: 250px;
	padding: 16px 14px !important;
	background: transparent;
	vertical-align: top;
	box-sizing: border-box;
}

/* -------------------------------------------------
	DISPLAY MINIPROFILE MODERN
------------------------------------------------- */

table[style*="table-layout:"] > tbody > tr > td[rowspan="2"] center img[src*="2qnk8tasfhkyz2jinv4.png"],
table[style*="table-layout:"] > tbody > tr > td[rowspan="2"] > img[src*="2qnk8tasfhkyz2jinv4.png"] {
	display: none !important;
}

table[style*="table-layout:"] > tbody > tr > td[rowspan="2"] .smalltext {
	background: transparent !important;
	border: 0px solid rgba(255,255,255,0.05);
	padding: 5px 5px 5px 5px;
	box-sizing: border-box;
	overflow: hidden;
	font-family: Oswald, Arial, sans-serif;
}

table[style*="table-layout:"] > tbody > tr > td[rowspan="2"] .smalltext img {
	max-width: 100%;
	height: auto;
}


table[style*="table-layout:"] > tbody > tr > td[rowspan="2"] font[size="2"] b,
table[style*="table-layout:"] > tbody > tr > td[rowspan="2"] font[size="2"] b a {
	display: inline-block;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 15px !important;
	line-height: 1.15;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #BAB088 !important;
}

table[style*="table-layout:"] > tbody > tr > td[rowspan="2"] .smalltext br + br {
	display: block;
	content: "";
	margin-bottom: 2px;
}

/* -------------------------------------------------
	MINIPROFILE TOGGLE + DROPDOWN
------------------------------------------------- */

.miniprofile-toggle-wrap {
	margin: 12px 0 10px 0;
	text-align: center;
}

.miniprofile-toggle-btn {
	display: inline-block;
	padding: 8px 14px;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	text-decoration: none;
	transition: color 0.18s ease, border-color 0.18s ease, text-shadow 0.18s ease, transform 0.18s ease;
}

.miniprofile-toggle-btn:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22);
	text-shadow: 0 0 6px rgba(209,162,84,0.45);
	transform: translateY(-1px);
}

.miniprofile-toggle-btn-active {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.18);
}

.miniprofile-dropdown {
	position: relative;
	margin-top: 10px;
	padding: 12px 12px 10px 12px;
	background: linear-gradient(180deg, rgba(36,25,18,0.96) 0%, rgba(23,18,15,0.96) 100%);
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 14px;
	box-shadow: 0 10px 26px rgba(0,0,0,0.26);
	transform-origin: top center;
	animation: miniprofileMagicOpen 320ms ease-out;
}

.miniprofile-dropdown::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 18px;
	right: 18px;
	height: 1px;
	background: linear-gradient(90deg, rgba(209,162,84,0) 0%, rgba(209,162,84,0.5) 50%, rgba(209,162,84,0) 100%);
}

@keyframes miniprofileMagicOpen {
	0% {
		opacity: 0;
		transform: translateY(-8px) scaleY(0.92);
		filter: blur(2px);
	}
	65% {
		opacity: 1;
		transform: translateY(0) scaleY(1.02);
		filter: blur(0);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scaleY(1);
		filter: blur(0);
	}
}

.miniprofile-dropdown-animate {
	animation: miniprofileMagicOpen 320ms ease-out;
}



/* -------------------------------------------------
	AVATAR (REAL) 200x320
------------------------------------------------- */

table[style*="table-layout:"] img.avatar,
table[style*="table-layout:"] td[rowspan="2"] img[src*="avatars"],
table[style*="table-layout:"] td[rowspan="2"] img[src*="avatar"] {
	display: block;
	width: 200px !important;
	height: 320px !important;
	object-fit: cover;
	object-position: center top;
	margin: 10px auto 14px auto;
	border-radius: 14px;
	border: 0px solid rgba(255,255,255,0.08);
	box-shadow: 0px 8px 8px rgba(0,0,0,0.15);
	background: #120d0a;
}

/* -------------------------------------------------
	PROFILKÉP (custom mező)
------------------------------------------------- */

img[alt="Profilkep"] {
	width: 100px !important;
	height: 100px !important;
	object-fit: cover;
	border-radius: 10px;
	margin: 8px auto;
	display: block;
	opacity: 0.9;
}

/* -------------------------------------------------
	MINIPROFILE MAGIC DROPDOWN
------------------------------------------------- */

.miniprofile-dropdown {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 12px 12px 10px 12px;
	background: linear-gradient(180deg, rgba(36,25,18,0.96) 0%, rgba(23,18,15,0.96) 100%);
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 14px;
	box-shadow: 0 10px 26px rgba(0,0,0,0.26);
	overflow: visible;
	opacity: 0;
	transform: translateY(-8px) scale(0.96);
}

.miniprofile-dropdown-open {
	animation: miniprofilePanelOpen 320ms ease-out forwards;
}

.miniprofile-dropdown-close {
	animation: miniprofilePanelClose 320ms ease-in forwards;
}

@keyframes miniprofilePanelOpen {
	0% {
		opacity: 0;
		transform: translateY(-10px) scale(0.95);
		filter: blur(2px);
	}
	60% {
		opacity: 1;
		transform: translateY(0) scale(1.02);
		filter: blur(0);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
		filter: blur(0);
	}
}

@keyframes miniprofilePanelClose {
	0% {
		opacity: 1;
		transform: translateY(0) scale(1);
		filter: blur(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-8px) scale(0.96);
		filter: blur(2px);
	}
}

/* glow orbok */
.miniprofile-orb {
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	pointer-events: none;
	opacity: 0;
	z-index: 3;
	background: #9B783D;
	box-shadow:
		0 0 6px rgba(209,162,84,0.95),
		0 0 12px rgba(209,162,84,0.7),
		0 0 18px rgba(209,162,84,0.4);
}

/* mind a gomb környékéről indul */
.miniprofile-orb-1,
.miniprofile-orb-2,
.miniprofile-orb-3,
.miniprofile-orb-4 {
	top: -18px;
	left: 50%;
	margin-left: -4px;
}

/* célpontok: egyenlőtlenül a box körül, nem benne */
.miniprofile-dropdown-open .miniprofile-orb-1 {
	animation:
		miniprofileOrbOut1 420ms ease-out forwards,
		miniprofileOrbPulse1 9s ease-in-out 420ms infinite alternate;
}

.miniprofile-dropdown-open .miniprofile-orb-2 {
	animation:
		miniprofileOrbOut2 520ms ease-out forwards,
		miniprofileOrbPulse2 11s ease-in-out 520ms infinite alternate;
}

.miniprofile-dropdown-open .miniprofile-orb-3 {
	animation:
		miniprofileOrbOut3 470ms ease-out forwards,
		miniprofileOrbPulse3 10s ease-in-out 470ms infinite alternate;
}

.miniprofile-dropdown-open .miniprofile-orb-4 {
	animation:
		miniprofileOrbOut4 560ms ease-out forwards,
		miniprofileOrbPulse4 12s ease-in-out 560ms infinite alternate;
}

/* záráskor visszamennek ugyanoda, ahonnan jöttek */
.miniprofile-dropdown-close .miniprofile-orb-1 {
	animation: miniprofileOrbIn1 320ms ease-in forwards;
}
.miniprofile-dropdown-close .miniprofile-orb-2 {
	animation: miniprofileOrbIn2 320ms ease-in forwards;
}
.miniprofile-dropdown-close .miniprofile-orb-3 {
	animation: miniprofileOrbIn3 320ms ease-in forwards;
}
.miniprofile-dropdown-close .miniprofile-orb-4 {
	animation: miniprofileOrbIn4 320ms ease-in forwards;
}

/* kifelé repülés - a gombtól a doboz köré */
@keyframes miniprofileOrbOut1 {
	0% {
		opacity: 0;
		transform: translate(0, 0) scale(0.2);
	}
	18% {
		opacity: 1;
		transform: translate(-10px, -6px) scale(1.05);
	}
	100% {
		opacity: 1;
		transform: translate(-72px, -28px) scale(0.95);
	}
}

@keyframes miniprofileOrbOut2 {
	0% {
		opacity: 0;
		transform: translate(0, 0) scale(0.2);
	}
	18% {
		opacity: 1;
		transform: translate(8px, -10px) scale(1.08);
	}
	100% {
		opacity: 1;
		transform: translate(68px, -4px) scale(0.88);
	}
}

@keyframes miniprofileOrbOut3 {
	0% {
		opacity: 0;
		transform: translate(0, 0) scale(0.2);
	}
	18% {
		opacity: 1;
		transform: translate(-6px, 4px) scale(1.02);
	}
	100% {
		opacity: 1;
		transform: translate(-62px, 108px) scale(0.82);
	}
}

@keyframes miniprofileOrbOut4 {
	0% {
		opacity: 0;
		transform: translate(0, 0) scale(0.2);
	}
	18% {
		opacity: 1;
		transform: translate(10px, 2px) scale(1.04);
	}
	100% {
		opacity: 1;
		transform: translate(58px, 92px) scale(0.9);
	}
}

/* folyamatos bolyongás a végpontok körül */
@keyframes miniprofileOrbPulse1 {
	0% {
		transform: translate(-72px, -28px) scale(0.9);
		opacity: 0.55;
	}
	30% {
		transform: translate(-92px, -40px) scale(1.1);
		opacity: 0.85;
	}
	65% {
		transform: translate(-56px, -52px) scale(0.85);
		opacity: 0.55;
	}
	100% {
		transform: translate(-88px, -26px) scale(1.05);
		opacity: 0.75;
	}
}

@keyframes miniprofileOrbPulse2 {
	0% {
		transform: translate(68px, -4px) scale(0.88);
		opacity: 0.5;
	}
	35% {
		transform: translate(92px, -18px) scale(1.1);
		opacity: 0.85;
	}
	70% {
		transform: translate(58px, 14px) scale(0.85);
		opacity: 0.55;
	}
	100% {
		transform: translate(88px, 4px) scale(1.05);
		opacity: 0.7;
	}
}

@keyframes miniprofileOrbPulse3 {
	0% {
		transform: translate(-62px, 108px) scale(0.82);
		opacity: 0.45;
	}
	32% {
		transform: translate(-88px, 94px) scale(1.05);
		opacity: 0.8;
	}
	68% {
		transform: translate(-52px, 124px) scale(0.8);
		opacity: 0.5;
	}
	100% {
		transform: translate(-82px, 134px) scale(1);
		opacity: 0.7;
	}
}

@keyframes miniprofileOrbPulse4 {
	0% {
		transform: translate(58px, 92px) scale(0.9);
		opacity: 0.48;
	}
	34% {
		transform: translate(86px, 78px) scale(1.1);
		opacity: 0.85;
	}
	66% {
		transform: translate(52px, 116px) scale(0.82);
		opacity: 0.5;
	}
	100% {
		transform: translate(82px, 128px) scale(1.05);
		opacity: 0.72;
	}
}

/* visszaszállás a gombba */
@keyframes miniprofileOrbIn1 {
	0% {
		opacity: 1;
		transform: translate(-72px, -28px) scale(1);
	}
	100% {
		opacity: 0;
		transform: translate(0, 0) scale(0.2);
	}
}

@keyframes miniprofileOrbIn2 {
	0% {
		opacity: 1;
		transform: translate(68px, -4px) scale(1);
	}
	100% {
		opacity: 0;
		transform: translate(0, 0) scale(0.2);
	}
}

@keyframes miniprofileOrbIn3 {
	0% {
		opacity: 1;
		transform: translate(-62px, 108px) scale(1);
	}
	100% {
		opacity: 0;
		transform: translate(0, 0) scale(0.2);
	}
}

@keyframes miniprofileOrbIn4 {
	0% {
		opacity: 1;
		transform: translate(58px, 92px) scale(1);
	}
	100% {
		opacity: 0;
		transform: translate(0, 0) scale(0.2);
	}
}

/* kill all avatar reflections */
.post-avatar,
.avatar {
	-webkit-box-reflect: none !important;
}

.post-avatar + img,
.avatar + img {
	display: none !important;
}

/* -------------------------------------------------
	BOARDINDEX CATEGORY DECOR
------------------------------------------------- */

.board-category-top,
.board-category-bottom {
	width: 100%;
	line-height: 0;
	background: transparent !important;
}

.board-category-top img,
.board-category-bottom img {
	display: block;
	width: 100%;
	height: auto;
	border: none;
}

.board-category-panel {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	overflow: visible !important;
	margin: 0 !important;
	padding: 0 !important;
}

.board-category-panel table {
	width: 100%;
	border-collapse: collapse;
	background: #2e2017;
	margin: 0;
}

.board-category-panel .catbg,
.board-category-panel .catbg2 {
	background: transparent !important;
	background-image: none !important;
	padding: 0 16px !important;
	height: auto !important;
}

.board-category-title {
	padding: 10px 0 8px 0;
	font-family: Carattere, Arial, sans-serif;
	font-size: 25px;
	line-height: 1.2;
	letter-spacing: 2px;
	color: #BAB088;
	text-shadow: 0 1px 4px rgba(0,0,0,0.35);
	text-align: center;
	width: 100%;
}

/* -------------------------------------------------
	BOARDINDEX DESCRIPTION -> MESSAGE INDEX STYLE
------------------------------------------------- */

.board-category-panel tr.windowbg2 td:first-child {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.75;
	color: #BAB088;
}

.board-category-panel tr.windowbg2 td:first-child > b,
.board-category-panel tr.windowbg2 td:first-child > b a {
	display: inline-block;
	margin-bottom: 4px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #BAB088 !important;
	text-decoration: none;
}

.board-category-panel tr.windowbg2 td:first-child > b a:hover {
	color: #BAB088 !important;
}

.board-category-panel tr.windowbg2 td:first-child > br + * {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.75;
	color: #BAB088;
}

/* moderátorok + gyerekboardok */
.board-category-panel tr.windowbg2 td:first-child .smalltext {
	margin-top: 6px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.board-category-panel tr.windowbg2 td:first-child .smalltext a {
	color: #9B783D !important;
	text-decoration: none;
}

.board-category-panel tr.windowbg2 td:first-child .smalltext a:hover {
	color: #BAB088 !important;
}

/* -------------------------------------------------
	BOARDINDEX SMALLTEXT MODERN
------------------------------------------------- */

.board-category-panel .smalltext {
	font-family: "Quicksand", monospace !important;
	font-size: 10px;
	line-height: 1.7;
	color: #BAB088;
	text-transform: none;
}

/* moderátor / child board blokkok spacing */
.board-category-panel .smalltext {
	margin-top: 6px;
}

/* linkek */
.board-category-panel .smalltext a {
	color: #9B783D !important;
	text-decoration: none;
}

.board-category-panel .smalltext a:hover {
	color: #BAB088 !important;
}

/* "Moderators:" / "Child boards:" label */
.board-category-panel .smalltext i {
	font-style: normal;
	opacity: 0.8;
}

/* számok és meta */
.board-category-panel td.windowbg .smalltext,
.board-category-panel td.windowbg2 .smalltext {
	text-align: center;
	font-family: "Quicksand", monospace !important;
	font-size: 9px;
	line-height: 1.6;
	color: #BAB088;
}

/* -------------------------------------------------
	BOARDINDEX INNER SPACING
------------------------------------------------- */

/* minden cella */
.board-category-panel td {
	padding-left: 8px;
	padding-right: 8px;
}

.messageindex-topic-last-meta {
	margin-bottom: 4px;
}

.messageindex-topic-last-action {
	margin-top: 8px;
}

.messageindex-lastpost-btn {
	display: inline-block;
	padding: 6px 10px;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 8px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D !important;
	text-decoration: none;
	transition: color 0.18s ease, border-color 0.18s ease, text-shadow 0.18s ease;
}

.messageindex-lastpost-btn:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22);
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
	text-decoration: none;
}

/* -------------------------------------------------
	PM MODERN
------------------------------------------------- */

.pm-shell {
	width: 100%;
	padding-top: 8px;
	box-sizing: border-box;
}

.pm-top-linktree {
	width: 900px;
	margin: 0 auto 14px auto;
}

.pm-content {
	width: 900px;
	margin: 0 auto;
}

.pm-sidebar-toggle {
	position: fixed;
	left: 0;
	top: 240px;
	z-index: 9999;
	display: inline-block;
	padding: 12px 14px;
	background: #2e2017;
	border: 1px solid rgba(255,255,255,0.08);
	border-left: none;
	border-radius: 0 12px 12px 0;
	box-shadow: 0 8px 24px rgba(0,0,0,0.35);
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	text-decoration: none;
}

.pm-sidebar-toggle:hover {
	color: #BAB088 !important;
	text-shadow: #9B783D 1px 0 5px;
}

.pm-sidebar {
	position: fixed;
	left: -290px;
	top: 300px;
	width: 270px;
	z-index: 9998;
	transition: left 0.25s ease;
}

.pm-sidebar.open {
	left: 0;
}

.pm-sidebar-inner {
	padding: 16px 18px;
	background: #2e2017;
	border: 1px solid rgba(255,255,255,0.08);
	border-left: none;
	border-radius: 0 16px 16px 0;
	box-shadow: 0 8px 30px rgba(0,0,0,0.35);
	box-sizing: border-box;
}

.pm-sidebar-group + .pm-sidebar-group {
	margin-top: 14px;
}

.pm-sidebar-title {
	margin-bottom: 6px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.pm-sidebar-links {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 11px;
	font-family: "Quicksand", monospace;
}

.pm-sidebar-link.current {
	font-weight: bold;
	color: #9B783D;
}

.pm-sidebar-link a {
	color: #BAB088 !important;
	text-decoration: none;
}

.pm-sidebar-link a:hover {
	color: #9B783D !important;
}

.pm-sidebar-count {
	color: #9B783D;
}

.pm-sidebar-sep {
	height: 8px;
}

.pm-capacity-block {
	margin-top: 8px;
	padding: 10px 12px;
	background: rgba(255,255,255,0.01);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 12px;
}

.pm-capacity-title {
	margin-bottom: 6px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.pm-capacity-bar {
	width: 100%;
	height: 8px;
	background: rgba(255,255,255,0.04);
	border-radius: 999px;
	overflow: hidden;
}

.pm-capacity-fill {
	height: 8px;
	background: #9a7b5f;
	border-radius: 999px;
}

.pm-capacity-text {
	margin-top: 6px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	color: #BAB088;
}

.pm-capacity-text-danger {
	color: #d06a6a;
}

.pm-list-shell {
	margin-bottom: 16px;
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
}

.pm-list-table {
	width: 100%;
	border-collapse: collapse;
}

.pm-list-head td {
	padding: 12px 14px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
	background: rgba(255,255,255,0.02);
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.pm-list-table tr.windowbg,
.pm-list-table tr.windowbg2 {
	background: transparent !important;
}

.pm-list-table tr.windowbg td,
.pm-list-table tr.windowbg2 td {
	padding: 12px 14px;
	border-top: 1px solid rgba(255,255,255,0.05);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
	color: #BAB088;
	background: transparent !important;
}

.pm-status-orb {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	vertical-align: middle;
}

.pm-status-orb-read {
	background: #4f8a5b;
	box-shadow:
		0 0 6px rgba(79,138,91,0.9),
		0 0 12px rgba(79,138,91,0.55),
		0 0 18px rgba(79,138,91,0.28);
}

.pm-status-orb-replied {
	background: #9B783D;
	box-shadow:
		0 0 6px rgba(209,162,84,0.9),
		0 0 12px rgba(209,162,84,0.55),
		0 0 18px rgba(209,162,84,0.28);
	animation: pmOrbPulse 2s ease-in-out infinite;
}

@keyframes pmOrbPulse {
	0%	{ transform: scale(0.92); opacity: 0.82; }
	50%  { transform: scale(1.16); opacity: 1; }
	100% { transform: scale(0.92); opacity: 0.82; }
}

.pm-folder-actions,
.pm-folder-bottom {
	margin-bottom: 16px;
	padding: 12px 16px;
	background: #2e2017;
	border-radius: 18px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
}

.pm-action-btn {
	display: inline-block;
	padding: 6px 10px;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	color: #BAB088 !important;
	text-decoration: none;
	transition: color 0.18s ease, border-color 0.18s ease, text-shadow 0.18s ease;
}

.pm-action-btn:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22);
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.pm-action-btn-primary {
	color: #BAB088 !important;
}

.pm-action-btn-danger:hover {
	color: #c96a5c !important;
	border-color: rgba(201,106,92,0.24);
	text-shadow: 0 0 5px rgba(201,106,92,0.35);
}

.pm-message-card {
	margin-bottom: 16px;
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
}

.pm-message-inner {
	width: 100%;
	border-collapse: collapse;
}

.pm-message-member {
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	padding: 16px 14px !important;
	vertical-align: top;
	box-sizing: border-box;
}

.pm-member-card {
	font-family: Oswald, Arial, sans-serif;
}

.pm-member-name {
	text-align: center;
	font-size: 15px;
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #BAB088;
}

.pm_read_avatar {
	width: 100px;
	height: 100px;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	overflow: hidden;
	background: #3a2a20;
}

.pm_read_avatar img {
	width: 100px !important;
	height: 100px !important;
	object-fit: cover;
	object-position: 50% 20%;
	display: block;
	border-radius: 50%;
}

.pm-message-member .smalltext {
	margin-top: 8px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
	background: transparent !important;
	text-align: center;
}

.pm-message-bodycell {
	padding: 16px 18px !important;
	vertical-align: top;
}

.pm-message-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 14px;
}

.pm-message-subject {
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.15;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #BAB088;
}

.pm-message-meta {
	margin-top: 4px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.pm-message-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 6px;
}

.personalmessage {
	margin-top: 14px;
	padding-right: 10px;
	box-sizing: border-box;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: #BAB088;
}

.pm-signature {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid rgba(255,255,255,0.05);
}

@media (max-width: 900px) {
	.pm-content,
	.pm-top-linktree {
		width: 100%;
	}

	.pm-message-inner,
	.pm-message-inner tr,
	.pm-message-inner td {
		display: block;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}

	.pm-message-header {
		flex-direction: column;
	}

	.pm-message-actions {
		justify-content: flex-start;
	}
}

/* -------------------------------------------------
	PM SEND MODERN
------------------------------------------------- */

.pm-send-title {
	display: inline-block;
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

/* új PM ikon eltüntetése, ha valahol még bent maradt */
img[src*="im_newmsg.gif"] {
	display: none !important;
}

/* assist.gif -> kereső orb */
img[src*="assist.gif"] {
	content: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==");
	display: inline-block !important;
	width: 9px !important;
	height: 9px !important;
	min-width: 9px !important;
	min-height: 9px !important;
	border-radius: 50% !important;
	margin: 0 5px;
	vertical-align: middle;
	background: #9B783D !important;
	box-shadow:
		0 0 6px rgba(209,162,84,0.95),
		0 0 12px rgba(209,162,84,0.65),
		0 0 18px rgba(209,162,84,0.35);
	animation: pmAssistOrbPulse 2.4s ease-in-out infinite;
}

@keyframes pmAssistOrbPulse {
	0% {
		transform: scale(0.9);
		opacity: 0.75;
	}
	50% {
		transform: scale(1.18);
		opacity: 1;
	}
	100% {
		transform: scale(0.9);
		opacity: 0.75;
	}
}

/* -------------------------------------------------
	PM COMPOSER - SAFE MODERN DESIGN
------------------------------------------------- */

form[name="postmodify"] {
	margin: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* CSAK a fő PM composer table kap alap fontot, nem a BBC/colorbar belső táblái */
form[name="postmodify"] > table {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	color: #BAB088;
}

/* fő sorok paddingje, de a colorbar/BBC táblákat ne bántsa */
form[name="postmodify"] > table > tbody > tr > td {
	padding: 8px 10px;
	box-sizing: border-box;
}

/* bal oldali címkék */
form[name="postmodify"] > table > tbody > tr > td[align="right"] {
	width: 90px;
	white-space: normal;
}

form[name="postmodify"] > table > tbody > tr > td[align="right"] b {
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

/* mezők */
form[name="postmodify"] input[type="text"],
form[name="postmodify"] textarea,
form[name="postmodify"] select {
	background: rgba(255,255,255,0.00) !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: "Quicksand", monospace !important;
	font-size: 11px !important;
	padding: 8px 10px;
	box-sizing: border-box;
	max-width: 100%;
}

form[name="postmodify"] input[name="to"],
form[name="postmodify"] input[name="bcc"],
form[name="postmodify"] input[name="subject"] {
	width: 270px;
}

/* üzenet textarea */
form[name="postmodify"] textarea[name="message"] {
	width: 100% !important;
	max-width: 100% !important;
}

/* gombok */
form[name="postmodify"] input[type="submit"],
form[name="postmodify"] input[type="button"] {
	padding: 8px 12px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.05) !important;
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	cursor: pointer;
}

form[name="postmodify"] input[type="submit"]:hover,
form[name="postmodify"] input[type="button"]:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22) !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

/* PM send titlebg - csak PM composer környezetben */
.pm-send-title {
	display: inline-block;
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

img[src*="im_newmsg.gif"] {
	display: none !important;
}

/* PM composer panel */
table.bordercolor {
padding-top: 25px;
	border-radius: 16px;
	overflow: hidden;
}

table.bordercolor .windowbg,
table.bordercolor .windowbg2 {
	background: #2e2017 !important;
}

/* FONTOS: ne legyen table-layout fixed sehol a postmodify alatt */
form[name="postmodify"] table {
	table-layout: auto !important;
}

/* -------------------------------------------------
	COLORBAR PROTECTION
------------------------------------------------- */

/* A colorbar táblához NE adjunk általános paddinget */
form[name="postmodify"] .colorbar,
form[name="postmodify"] .colorbar td {
	padding: 0 !important;
	margin: 0 !important;
	border-spacing: 0 !important;
	overflow: visible !important;
}

/* ha JS-ben már colorbar-wrap van */
.colorbar-wrap {
	width: 450px;
	max-width: 450px;
	overflow: hidden;
	display: block;
}

/* maga a colorbar maradjon természetes méretű */
.colorbar {
	width: auto !important;
	max-width: 450px !important;
	table-layout: auto !important;
	border-collapse: collapse;
}

/* colorcell fix */
.colorbar .colorcell {
	width: 2px !important;
	min-width: 2px !important;
	max-width: 2px !important;
	height: 18px !important;
	padding: 0 !important;
}

/* kis preview boxok */
.colorbar .colorbox,
.colorbar .colorboxspacer {
	width: 18px !important;
	max-width: 18px !important;
}

/* BBC ikonok ne kapjanak brutális formázást */
form[name="postmodify"] img[src*="/bbc/"]:not([data-fa-replaced="1"]) {
	display: inline-block;
	margin-bottom: 4px;
}

/* -------------------------------------------------
	PM SEND - TITLEBG KILL & REPLACE
------------------------------------------------- */

/* régi titlebg kinullázása CSAK PM SEND-ben */
form[name="postmodify"] .titlebg,
form[name="postmodify"] tr.titlebg td {
	background: transparent !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

/* új header stílus */
form[name="postmodify"] .pm-send-header {
	padding: 16px 18px;
	background: #2e2017;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
	border-radius: 16px 16px 0 0;
}

.pm-send-header {
	padding: 16px 18px;
	background: #2e2017;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
	border-radius: 16px 16px 0 0;
}

/* -------------------------------------------------
	PM SEARCH MODERN
------------------------------------------------- */

.pm-search-form {
	width: 100%;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
}

.pm-search-panel {
	width: 100%;
	max-width: 760px;
	margin: 20px auto;
	background: #2e2017;
	border-radius: 16px;
	overflow: hidden;
	box-sizing: border-box;
}

.pm-search-header {
	padding: 16px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.pm-search-body {
	padding: 18px 20px 22px 20px;
	box-sizing: border-box;
	overflow: hidden;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: #BAB088;
}

/* belső régi SMF table kontrolláltan */
.pm-search-form table {
	width: 100% !important;
	max-width: 100% !important;
	table-layout: auto !important;
	border-collapse: collapse;
}

.pm-search-form table td {
	padding: 8px 10px;
	vertical-align: top;
	box-sizing: border-box;
	white-space: normal !important;
}

/* mezők */
.pm-search-form input[type="text"],
.pm-search-form select {
	max-width: 100% !important;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: "Quicksand", monospace !important;
	font-size: 11px !important;
	padding: 8px 10px;
	box-sizing: border-box;
}

.pm-search-form input[name="search"],
.pm-search-form input[name="userspec"] {
	width: 260px !important;
}

.pm-search-form input[name="minage"],
.pm-search-form input[name="maxage"] {
	width: 58px !important;
	text-align: center;
}

/* gomb */
.pm-search-form input[type="submit"] {
	margin-top: 12px;
	padding: 8px 12px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.05) !important;
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	cursor: pointer;
}

.pm-search-form input[type="submit"]:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22) !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

/* szövegek */
.pm-search-form b {
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.pm-search-form label,
.pm-search-form .smalltext,
.pm-search-form td {
	white-space: normal !important;
}

.pm-search-form a {
	color: #9B783D !important;
}

.pm-search-form a:hover {
	color: #9B783D !important;
}

/* advanced search kétoszlopos táblája ne csússzon ki */
.pm-search-form table[cellpadding="1"] td {
	width: auto !important;
}

.pm-search-form table[cellpadding="1"] td[style*="padding-right"] {
	padding-right: 10px !important;
}

/* mobil / szűkebb wrapper */
@media (max-width: 900px) {
	.pm-search-panel {
		max-width: 100%;
		margin: 16px 0;
	}

	.pm-search-body {
		padding: 16px;
	}

	.pm-search-form input[name="search"],
	.pm-search-form input[name="userspec"],
	.pm-search-form select {
		width: 100% !important;
	}
}

/* -------------------------------------------------
	PM LABELS MODERN
------------------------------------------------- */

.pm-labels-panel {
	width: 100%;
	max-width: 760px;
	margin: 20px auto;
	background: #2e2017;
	border-radius: 16px;
	overflow: hidden;
	box-sizing: border-box;
}

.pm-labels-header {
	padding: 16px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.pm-labels-body {
	padding: 18px 20px 22px 20px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: #BAB088;
}

.pm-labels-desc {
	margin-bottom: 14px;
	color: #BAB088;
}

.pm-label-row {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 12px;
	align-items: center;
	padding: 10px 0;
	border-top: 1px solid rgba(255,255,255,0.06);
}

.pm-label-row:first-child {
	border-top: none;
}

.pm-label-actions {
	margin-top: 16px;
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
}

.pm-labels-panel input[type="text"] {
	width: 100%;
	max-width: 100%;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: "Quicksand", monospace !important;
	font-size: 11px !important;
	padding: 8px 10px;
	box-sizing: border-box;
}

.pm-labels-panel input[type="submit"] {
	padding: 8px 12px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.05) !important;
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	cursor: pointer;
}

.pm-labels-panel input[type="submit"]:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22) !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.pm-label-empty {
	padding: 10px 0;
	color: #BAB088;
	font-style: italic;
}

/* -------------------------------------------------
	PM SEARCH RESULTS MODERN
------------------------------------------------- */

.pm-search-results-panel {
	width: 900px;
	margin: 20px auto;
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
	box-sizing: border-box;
}

.pm-search-results-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 18px;
	padding: 16px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.pm-search-results-title {
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.pm-search-results-pages,
.pm-search-results-footer {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.pm-search-results-pages b,
.pm-search-results-footer b {
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.pm-search-results-empty {
	padding: 18px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: #BAB088;
}

.pm-search-results-table {
	padding: 12px 18px 18px 18px;
}

.pm-search-results-table-head,
.pm-search-results-row {
	display: grid;
	grid-template-columns: 28% minmax(0, 1fr) 22%;
	gap: 14px;
	align-items: start;
}

.pm-search-results-table-head {
	padding: 10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.pm-search-results-row {
	padding: 12px 0;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.pm-search-results-row:last-child {
	border-bottom: none;
}

.pm-search-results-row a {
	color: #9B783D !important;
	text-decoration: none;
}

.pm-search-results-row a:hover {
	color: #9B783D !important;
}

.pm-search-results-date,
.pm-search-results-author {
	color: #BAB088;
}

.pm-search-results-subject {
	min-width: 0;
}

.pm-search-results-list {
	padding: 18px;
}

.pm-search-result-card {
	margin-bottom: 16px;
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 14px;
	overflow: hidden;
	background: rgba(255,255,255,0.00);
}

.pm-search-result-card:last-child {
	margin-bottom: 0;
}

.pm-search-result-card-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 14px;
	padding: 12px 14px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.pm-search-result-subject {
	min-width: 0;
	font-family: Oswald, Arial, sans-serif;
	font-size: 17px;
	line-height: 1.25;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.pm-search-result-subject a {
	color: #BAB088 !important;
	text-decoration: none;
}

.pm-search-result-subject a:hover {
	color: #9B783D !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.pm-search-result-counter {
	display: inline-block;
	margin-right: 8px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	color: #9B783D;
}

.pm-search-result-time {
	flex: 0 0 auto;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	line-height: 1.6;
	color: #BAB088;
	text-align: right;
}

.pm-search-result-meta {
	padding: 10px 14px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.pm-search-result-meta b {
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.pm-search-result-meta a {
	color: #BAB088 !important;
	text-decoration: none;
}

.pm-search-result-meta a:hover {
	color: #9B783D !important;
}

.pm-search-result-sep {
	display: inline-block;
	margin: 0 8px;
	color: #BAB088;
}

.pm-search-result-body {
	padding: 14px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: #BAB088;
}

.pm-search-result-actions {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 6px;
	padding: 10px 14px 14px 14px;
	border-top: 1px solid rgba(255,255,255,0.05);
}

.pm-search-results-footer {
	padding: 12px 18px;
	border-top: 1px solid rgba(255,255,255,0.06);
}

@media (max-width: 900px) {
	.pm-search-results-panel {
		width: 100%;
		margin: 16px 0;
	}

	.pm-search-results-header,
	.pm-search-result-card-head {
		flex-direction: column;
		align-items: stretch;
	}

	.pm-search-result-time {
		text-align: left;
	}

	.pm-search-results-table-head {
		display: none;
	}

	.pm-search-results-row {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.pm-search-results-date,
	.pm-search-results-author {
		font-size: 10px;
	}
}

/* -------------------------------------------------
	PM REPLY CONTEXT MODERN
------------------------------------------------- */

.pm-reply-context-panel {
	width: 900px;
	margin: 22px auto 0 auto;
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
	box-sizing: border-box;
}

.pm-reply-context-header {
	padding: 16px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.pm-reply-context-title {
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.pm-reply-context-subject {
	margin-top: 6px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
	color: #BAB088;
}

.pm-reply-context-meta {
	padding: 10px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.pm-reply-context-meta b {
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.pm-reply-context-sep {
	display: inline-block;
	margin: 0 8px;
	color: #BAB088;
}

.pm-reply-context-body {
	max-height: 320px;
	overflow: auto;
	padding: 16px 18px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: #BAB088;
}

.pm-reply-context-body a {
	color: #9B783D !important;
	text-decoration: none;
}

.pm-reply-context-body a:hover {
	color: #9B783D !important;
}

@media (max-width: 900px) {
	.pm-reply-context-panel {
		width: 100%;
		margin: 18px 0 0 0;
	}
}

/* -------------------------------------------------
	FIND MEMBER POPUP MODERN
------------------------------------------------- */

.findmember-body {
	margin: 0;
	padding: 14px;
	background: #110a04;
	color: #BAB088;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	box-sizing: border-box;
}

.findmember-form {
	margin: 0;
}

.findmember-panel,
.findmember-results-panel {
	background: #2e2017;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0,0,0,0.35);
	box-sizing: border-box;
}

.findmember-results-panel {
	margin-top: 14px;
}

.findmember-header,
.findmember-results-header {
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	font-family: Oswald, Arial, sans-serif;
	font-size: 17px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
	text-align: center;
}

.findmember-body-inner {
	padding: 16px;
}

.findmember-label {
	display: block;
	margin-bottom: 7px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.findmember-input {
	width: 100%;
	box-sizing: border-box;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: "Quicksand", monospace !important;
	font-size: 11px !important;
	padding: 8px 10px;
}

.findmember-input:focus {
	outline: none;
	border-color: rgba(209,162,84,0.3) !important;
	box-shadow: 0 0 0 1px rgba(209,162,84,0.12);
}

.findmember-options {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-top: 12px;
	color: #BAB088;
}

.findmember-check {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.findmember-note {
	font-size: 10px;
	font-style: italic;
	text-align: right;
}

.findmember-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 14px;
}

.findmember-actions input,
.findmember-body input[type="submit"],
.findmember-body input[type="button"] {
	padding: 8px 12px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.05) !important;
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif !important;
	font-size: 10px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	cursor: pointer;
}

.findmember-actions input:hover,
.findmember-body input[type="submit"]:hover,
.findmember-body input[type="button"]:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22) !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.findmember-empty {
	padding: 16px;
	text-align: center;
	color: #BAB088;
}

.findmember-results-list {
	padding: 8px 14px;
}

.findmember-result-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 0;
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.findmember-result-row:last-child {
	border-bottom: none;
}

.findmember-profile-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
}

.findmember-profile-orb {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #9B783D;
	box-shadow:
		0 0 6px rgba(209,162,84,0.9),
		0 0 12px rgba(209,162,84,0.55),
		0 0 18px rgba(209,162,84,0.28);
	animation: findmemberOrbPulse 2s ease-in-out infinite;
}

@keyframes findmemberOrbPulse {
	0%	{ transform: scale(0.92); opacity: 0.82; }
	50%  { transform: scale(1.16); opacity: 1; }
	100% { transform: scale(0.92); opacity: 0.82; }
}

.findmember-name-link {
	color: #BAB088 !important;
	text-decoration: none;
	font-family: "Quicksand", monospace;
	font-size: 11px;
}

.findmember-name-link:hover {
	color: #9B783D !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.findmember-pages {
	padding: 10px 14px;
	border-top: 1px solid rgba(255,255,255,0.06);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	color: #BAB088;
}

.findmember-pages a {
	color: #9B783D !important;
	text-decoration: none;
}

.findmember-pages a:hover {
	color: #9B783D !important;
}

html body.findmember-body {
	margin: 0 !important;
	padding: 14px !important;
	background: #110a04 !important;
	background-image: none !important;
	color: #BAB088 !important;
}

/* -------------------------------------------------
	WHO / ONLINE LIST MODERN
------------------------------------------------- */

.who-shell {
	width: 900px;
	margin: 0 auto 20px auto;
	padding-top: 8px;
	box-sizing: border-box;
	color: #BAB088;
}

.who-linktree {
	margin: 0 0 14px 0;
}

.who-panel {
	margin-bottom: 18px;
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
	box-sizing: border-box;
}

.who-panel-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.who-panel-title {
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.who-panel-count {
	min-width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	border: 1px solid rgba(209,162,84,0.18);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	color: #9B783D;
}

.who-table-head,
.who-row {
	display: grid;
	grid-template-columns: 34% 140px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
}

.who-table-head {
	padding: 11px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.who-table-head a {
	color: #BAB088 !important;
	text-decoration: none;
}

.who-table-head a:hover {
	color: #9B783D !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.who-sort {
	font-family: "Quicksand", monospace;
	font-size: 9px;
	color: #9B783D;
	text-transform: lowercase;
}

.who-row {
	padding: 13px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.who-row:last-child {
	border-bottom: none;
}

.who-user-cell,
.who-action-cell {
	min-width: 0;
}

.who-user-main {
	position: relative;
	min-height: 18px;
	padding-right: 90px;
}

.who-name,
.who-name a {
	font-family: Oswald, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
	text-decoration: none;
}

.who-name a:hover {
	color: #9B783D !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.who-name-hidden {
	font-style: italic;
	opacity: 0.75;
}

.who-user-icons {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	min-width: 80px;
}

.who-user-icons img {
	vertical-align: middle;
}

.who-user-meta {
	margin-top: 5px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	line-height: 1.6;
	color: #BAB088;
}

.who-user-meta a {
	color: #9B783D !important;
	text-decoration: none;
}

.who-user-meta a:hover {
	color: #9B783D !important;
}

.who-meta-sep {
	display: inline-block;
	margin: 0 7px;
	color: #BAB088;
}

.who-time-cell {
	color: #BAB088;
	white-space: nowrap;
}

.who-action-cell,
.who-action-cell * {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.who-action-cell a {
	color: #9B783D !important;
	text-decoration: none;
}

.who-action-cell a:hover {
	color: #9B783D !important;
}

.who-empty {
	padding: 15px 18px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.who-pages {
	padding: 12px 16px;
	background: #2e2017;
	border-radius: 16px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.who-pages b {
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.who-pages a {
	color: #9B783D !important;
	text-decoration: none;
}

.who-pages a:hover {
	color: #9B783D !important;
}

@media (max-width: 900px) {
	.who-shell {
		width: 100%;
	}

	.who-table-head {
		display: none;
	}

	.who-row {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.who-user-main {
		padding-right: 0;
	}

	.who-user-icons {
		position: static;
		justify-content: flex-start;
		margin-bottom: 6px;
	}

	.who-time-cell {
		white-space: normal;
		font-size: 10px;
	}
}

/* -------------------------------------------------
	MEMBERLIST MODERN
------------------------------------------------- */

.memberlist-shell {
	width: 900px;
	margin: 0 auto 20px auto;
	padding-top: 8px;
	color: #BAB088;
	box-sizing: border-box;
}

.memberlist-linktree {
	margin-bottom: 14px;
}

.memberlist-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}

.memberlist-tab {
	display: inline-block;
	padding: 8px 12px;
	background: #2e2017;
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	text-decoration: none;
}

.memberlist-tab:hover,
.memberlist-tab-active {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22);
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.memberlist-panel,
.memberlist-search-panel {
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
}

.memberlist-header,
.memberlist-search-header {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	padding: 16px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.memberlist-title,
.memberlist-search-header {
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.memberlist-pages,
.memberlist-footer {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	color: #BAB088;
}

.memberlist-letterbar {
	padding: 10px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
}

.memberlist-letterbar a,
.memberlist-footer a,
.memberlist-search-again a {
	color: #9B783D !important;
	text-decoration: none;
}

.memberlist-letterbar a:hover,
.memberlist-footer a:hover,
.memberlist-search-again a:hover {
	color: #9B783D !important;
}

.memberlist-table-head,
.memberlist-row {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) 190px;
	gap: 14px;
	align-items: center;
}

.memberlist-table-head {
	padding: 11px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	font-family: Oswald, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.memberlist-table-head div:nth-child(n+5) {
	display: none;
}

.memberlist-table-head a {
	color: #BAB088 !important;
	text-decoration: none;
}

.memberlist-table-head a:hover {
	color: #9B783D !important;
}

.memberlist-sort {
	font-family: "Quicksand", monospace;
	font-size: 9px;
	color: #9B783D;
	text-transform: lowercase;
}

.memberlist-row {
	padding: 13px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.memberlist-row:last-child {
	border-bottom: none;
}

.memberlist-status {
	text-align: center;
}

.memberlist-status img {
	vertical-align: middle;
}

.memberlist-main {
	min-width: 0;
}

.memberlist-name,
.memberlist-name a {
	font-family: Oswald, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	text-decoration: none;
}

.memberlist-name a:hover {
	color: #9B783D !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.memberlist-meta {
	margin-top: 5px;
	color: #BAB088;
}

.memberlist-sep {
	display: inline-block;
	margin: 0 7px;
	color: #BAB088;
}

.memberlist-contact {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 6px;
	align-items: center;
}

.memberlist-contact img {
	vertical-align: middle;
}

.memberlist-posts {
	display: grid;
	grid-template-columns: 38px 1fr;
	gap: 10px;
	align-items: center;
}

.memberlist-post-count {
	text-align: right;
	color: #9B783D;
}

.memberlist-postbar {
	height: 9px;
	background: rgba(255,255,255,0.04);
	border-radius: 999px;
	overflow: hidden;
}

.memberlist-postbar-fill {
	height: 9px;
	max-width: 100%;
	background: #9a7b5f;
	border-radius: 999px;
}

.memberlist-empty {
	padding: 18px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	color: #BAB088;
}

.memberlist-footer {
	padding: 12px 18px;
	border-top: 1px solid rgba(255,255,255,0.06);
}

.memberlist-search-again {
	margin-top: 14px;
	padding: 12px 16px;
	background: #2e2017;
	border-radius: 14px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
}

/* SEARCH PAGE */

.memberlist-search-form {
	margin: 0;
}

.memberlist-search-header {
	display: block;
}

.memberlist-search-body {
	padding: 18px;
}

.memberlist-search-row label {
	display: block;
	margin-bottom: 8px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.memberlist-search-inputrow {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 12px;
}

.memberlist-search-inputrow input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: "Quicksand", monospace !important;
	font-size: 11px !important;
	padding: 8px 10px;
}

.memberlist-search-inputrow input[type="submit"] {
	padding: 8px 12px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.05) !important;
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif !important;
	font-size: 10px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	cursor: pointer;
}

.memberlist-search-inputrow input[type="submit"]:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22) !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.memberlist-search-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 18px;
	margin-top: 16px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	color: #BAB088;
}

.memberlist-search-fields label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

@media (max-width: 900px) {
	.memberlist-shell {
		width: 100%;
	}

	.memberlist-header {
		flex-direction: column;
	}

	.memberlist-table-head {
		display: none;
	}

	.memberlist-row {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.memberlist-status {
		text-align: left;
	}

	.memberlist-contact {
		justify-content: flex-start;
	}

	.memberlist-posts {
		grid-template-columns: 42px 1fr;
	}

	.memberlist-search-inputrow,
	.memberlist-search-fields {
		grid-template-columns: 1fr;
	}
}

/* -------------------------------------------------
	FULL STATS PAGE MODERN (SAFE NAMESPACE)
------------------------------------------------- */

.fullstats-shell {
	width: 900px;
	margin: 0 auto 20px auto;
	color: #BAB088;
}

.fullstats-linktree {
	margin-bottom: 14px;
}

.fullstats-panel {
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
}

.fullstats-header {
	padding: 18px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.fullstats-title {
	font-family: Oswald, Arial, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.fullstats-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	padding: 14px;
}

.fullstats-two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	padding: 0 14px 14px 14px;
}

.fullstats-card {
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: 12px;
	padding: 12px;
}

.fullstats-card-title {
	margin-bottom: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.fullstats-row {
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
	border-bottom: 1px solid rgba(255,255,255,0.04);
	font-family: "Quicksand", monospace;
	font-size: 11px;
}

.fullstats-row:last-child {
	border-bottom: none;
}

.fullstats-bar-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 90px 48px;
	gap: 10px;
	align-items: center;
	padding: 5px 0;
	border-bottom: 1px solid rgba(255,255,255,0.04);
	font-family: "Quicksand", monospace;
	font-size: 11px;
}

.fullstats-bar-row:last-child {
	border-bottom: none;
}

.fullstats-bar {
	height: 8px;
	background: rgba(255,255,255,0.05);
	border-radius: 999px;
	overflow: hidden;
}

.fullstats-bar-fill {
	height: 8px;
	background: #9a7b5f;
	border-radius: 999px;
}

.fullstats-history {
	margin: 0 14px 14px 14px;
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: 12px;
	padding: 12px;
}

.fullstats-history-table {
	width: 100%;
	border-collapse: collapse;
	font-family: "Quicksand", monospace;
	font-size: 11px;
}

.fullstats-history-table th {
	text-align: left;
	padding: 8px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	color: #9B783D;
	font-family: Oswald;
}

.fullstats-history-table td {
	padding: 6px 8px;
	border-bottom: 1px solid rgba(255,255,255,0.03);
}

.fullstats-history-table tr:last-child td {
	border-bottom: none;
}

/* MOBILE */

@media (max-width: 900px) {
	.fullstats-shell {
		width: 100%;
	}

	.fullstats-grid,
	.fullstats-two-col {
		grid-template-columns: 1fr;
	}
}

/* -------------------------------------------------
	RECENT / UNREAD / UNREAD REPLIES MODERN
------------------------------------------------- */

.recent-shell {
	width: 900px;
	margin: 0 auto 20px auto;
	color: #BAB088;
	box-sizing: border-box;
}

.recent-linktree {
	margin-bottom: 14px;
}

.recent-linktree-bottom {
	margin-top: 14px;
}

.recent-pages,
.recent-topbar {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	color: #BAB088;
}

.recent-pages {
	padding: 12px 16px;
	margin-bottom: 14px;
	background: #2e2017;
	border-radius: 14px;
}

.recent-pages span {
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.recent-pages a,
.recent-topic-panel a,
.recent-card a {
	color: #9B783D !important;
	text-decoration: none;
}

.recent-pages a:hover,
.recent-topic-panel a:hover,
.recent-card a:hover {
	color: #9B783D !important;
}

.recent-card,
.recent-topic-panel {
	margin-bottom: 16px;
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
}

.recent-card-head {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: start;
	padding: 16px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.recent-counter {
	font-family: Oswald, Arial, sans-serif;
	font-size: 13px;
	color: #9B783D;
}

.recent-titleblock {
	min-width: 0;
}

.recent-path {
	margin-bottom: 5px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	line-height: 1.5;
	color: #BAB088;
}

.recent-topic,
.recent-topic a {
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
}

.recent-time {
	white-space: nowrap;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	color: #BAB088;
}

.recent-meta {
	padding: 11px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	color: #BAB088;
}

.recent-sep {
	display: inline-block;
	margin: 0 7px;
	color: #BAB088;
}

.recent-body {
	padding: 18px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: #BAB088;
}

.recent-body .post {
	margin-top: 0 !important;
	padding-right: 0 !important;
}

.recent-actions {
	display: flex;
	justify-content: flex-end;
	gap: 7px;
	flex-wrap: wrap;
	padding: 12px 18px 16px 18px;
	border-top: 1px solid rgba(255,255,255,0.05);
}

.recent-action-btn {
	display: inline-block;
	padding: 7px 11px;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 9px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	text-decoration: none;
}

.recent-action-btn:hover,
.recent-action-primary:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22);
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.recent-action-danger:hover {
	color: #c96a5c !important;
	border-color: rgba(201,106,92,0.24);
	text-shadow: 0 0 5px rgba(201,106,92,0.35);
}

/* UNREAD / REPLIES LIST */

.recent-topbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
}

.recent-topbar .recent-pages {
	margin-bottom: 0;
	flex: 1;
}

.recent-topbar-bottom {
	margin-top: 14px;
}

.recent-topic-head,
.recent-topic-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 130px 58px 78px 190px;
	gap: 14px;
	align-items: center;
}

.recent-topic-head {
	padding: 12px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	font-family: Oswald, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.recent-topic-row {
	padding: 14px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
	color: #BAB088;
}

.recent-topic-row:last-child {
	border-bottom: none;
}

.recent-topic-main {
	min-width: 0;
}

.recent-topic-title,
.recent-topic-title a {
	font-family: Oswald, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
}

.recent-new-link {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 6px;
	border-radius: 999px;
	background: rgba(216,75,75,0.12);
	font-family: "Quicksand", monospace !important;
	font-size: 9px !important;
	text-transform: lowercase !important;
	letter-spacing: 0;
	color: #d84b4b !important;
}

.recent-topic-meta {
	margin-top: 5px;
	color: #BAB088;
}

.recent-topic-starter,
.recent-topic-last {
	color: #BAB088);
}

.recent-topic-number {
	text-align: center;
	color: #BAB088;
}

.recent-topic-footer {
	padding: 12px 18px;
	text-align: right;
	border-top: 1px solid rgba(255,255,255,0.05);
	font-family: Oswald, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.recent-empty {
	padding: 18px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	color: #BAB088;
}

@media (max-width: 900px) {
	.recent-shell {
		width: 100%;
	}

	.recent-card-head,
	.recent-topic-head,
	.recent-topic-row {
		grid-template-columns: 1fr;
	}

	.recent-time {
		white-space: normal;
	}

	.recent-topic-head {
		display: none;
	}

	.recent-topic-number {
		text-align: left;
	}

	.recent-topbar {
		flex-direction: column;
		align-items: stretch;
	}
}

/* -------------------------------------------------
	REGISTER MODERN
------------------------------------------------- */

.register-shell {
	width: 900px;
	margin: 0 auto 22px auto;
	color: #BAB088;
	box-sizing: border-box;
}

.register-panel {
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
	margin-bottom: 18px;
}

.register-header {
	padding: 20px 22px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	font-family: Oswald, Arial, sans-serif;
	font-size: 24px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.register-body {
	padding: 22px;
}

.register-grid {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 16px 22px;
	align-items: start;
}

.register-label {
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.register-help {
	margin-top: 5px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	line-height: 1.55;
	text-transform: none;
	color: #BAB088;
}

.register-field,
.register-field .smalltext,
.register-field label {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.register-field input[type="text"],
.register-field input[type="password"],
.register-field select,
.register-field textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 9px 11px;
	background: rgba(255,255,255,0.00) !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: "Quicksand", monospace !important;
	font-size: 11px !important;
}

.register-field input[type="checkbox"] {
	width: auto;
	margin-right: 6px;
}

.register-field label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: 7px;
}

.register-verification img {
	max-width: 100%;
	height: auto;
	margin-bottom: 8px;
	border-radius: 8px;
}

.register-agreement {
	max-height: 230px;
	overflow: auto;
	padding: 16px;
	background: rgba(255,255,255,0.01);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 12px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: #BAB088;
}

.register-agree-row {
	padding: 16px 22px 20px 22px;
	text-align: center;
	border-top: 1px solid rgba(255,255,255,0.05);
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.register-actions {
	text-align: right;
	margin-top: 18px;
}

.register-actions input[type="submit"],
.register-panel input[type="button"],
.register-panel input[type="submit"] {
	padding: 9px 14px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	cursor: pointer;
}

.register-actions input[type="submit"]:hover,
.register-panel input[type="button"]:hover,
.register-panel input[type="submit"]:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.24) !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.register-actions input[disabled] {
	opacity: 0.45;
	cursor: default;
}

.register-message {
	padding: 20px 22px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: #BAB088;
}

@media (max-width: 900px) {
	.register-shell {
		width: 100%;
	}

	.register-grid {
		grid-template-columns: 1fr;
	}

	.register-actions {
		text-align: stretch;
	}

	.register-actions input[type="submit"] {
		width: 100%;
	}
}

/* -------------------------------------------------
	REGISTER MODERN
------------------------------------------------- */

.register-shell {
	width: 900px;
	margin: 0 auto 22px auto;
	color: #BAB088;
	box-sizing: border-box;
}

.register-panel {
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
	margin-bottom: 18px;
}

.register-header {
	padding: 20px 22px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	font-family: Oswald, Arial, sans-serif;
	font-size: 24px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.register-body {
	padding: 22px;
}

.register-grid {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 16px 22px;
	align-items: start;
}

.register-label {
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.register-help {
	margin-top: 5px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	line-height: 1.55;
	text-transform: none;
	color: #BAB088;
}

.register-field,
.register-field .smalltext,
.register-field label {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.register-field input[type="text"],
.register-field input[type="password"],
.register-field select,
.register-field textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 9px 11px;
	background: rgba(255,255,255,0.00) !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: "Quicksand", monospace !important;
	font-size: 11px !important;
}

.register-field input[type="checkbox"] {
	width: auto;
	margin-right: 6px;
}

.register-field label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: 7px;
}

.register-verification img {
	max-width: 100%;
	height: auto;
	margin-bottom: 8px;
	border-radius: 8px;
}

.register-agreement {
	max-height: 230px;
	overflow: auto;
	padding: 16px;
	background: rgba(255,255,255,0.01);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 12px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: #BAB088;
}

.register-agree-row {
	padding: 16px 22px 20px 22px;
	text-align: center;
	border-top: 1px solid rgba(255,255,255,0.05);
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.register-actions {
	text-align: right;
	margin-top: 18px;
}

.register-actions input[type="submit"],
.register-panel input[type="button"],
.register-panel input[type="submit"] {
	padding: 9px 14px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	cursor: pointer;
}

.register-actions input[type="submit"]:hover,
.register-panel input[type="button"]:hover,
.register-panel input[type="submit"]:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.24) !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.register-actions input[disabled] {
	opacity: 0.45;
	cursor: default;
}

.register-message {
	padding: 20px 22px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: #BAB088;
}

@media (max-width: 900px) {
	.register-shell {
		width: 100%;
	}

	.register-grid {
		grid-template-columns: 1fr;
	}

	.register-actions {
		text-align: stretch;
	}

	.register-actions input[type="submit"] {
		width: 100%;
	}
}

/* -------------------------------------------------
	CALENDAR MODERN
------------------------------------------------- */

.calendar-shell {
	width: 900px;
	margin: 0 auto 24px auto;
	color: #BAB088;
	box-sizing: border-box;
}

.calendar-linktree {
	margin-bottom: 12px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
}

.calendar-panel {
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
}

.calendar-header {
	padding: 20px 22px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.calendar-title {
	font-family: Oswald, Arial, sans-serif;
	font-size: 24px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.calendar-weekdays {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.calendar-weekday {
	padding: 12px 8px;
	text-align: center;
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
	border-right: 1px solid rgba(255,255,255,0.04);
}

.calendar-weekday:last-child {
	border-right: none;
}

.calendar-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

.calendar-day {
	min-height: 118px;
	padding: 9px;
	border-right: 1px solid rgba(255,255,255,0.04);
	border-bottom: 1px solid rgba(255,255,255,0.04);
	box-sizing: border-box;
	background: rgba(255,255,255,0.01);
}

.calendar-day:nth-child(7n) {
	border-right: none;
}

.calendar-day-empty {
	background: rgba(0,0,0,0.08);
}

.calendar-day-today {
	background: rgba(209,162,84,0.08);
	box-shadow: inset 0 0 0 1px rgba(209,162,84,0.28);
}

.calendar-day-number {
	margin-bottom: 8px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 17px;
	color: #BAB088;
}

.calendar-day-number a {
	color: #BAB088;
	text-decoration: none;
}

.calendar-day-number a:hover {
	color: #9B783D;
}

.calendar-week-number {
	margin-left: 6px;
	font-family: "Quicksand", monospace;
	font-size: 9px;
	color: #BAB088;
}

.calendar-item {
	margin-top: 5px;
	padding: 5px 6px;
	border-radius: 8px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	line-height: 1.45;
	background: rgba(255,255,255,0.025);
	border: 1px solid rgba(255,255,255,0.04);
	color: #BAB088;
}

.calendar-item span {
	color: #9B783D;
	font-weight: bold;
}

.calendar-item a {
	color: #BAB088;
	text-decoration: none;
}

.calendar-item a:hover {
	color: #9B783D;
}

.calendar-edit-event {
	color: #cc6d4a !important;
	font-weight: bold;
}

.calendar-nav-form {
	margin: 0;
}

.calendar-nav {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 12px;
	align-items: center;
	padding: 16px 18px;
	border-top: 1px solid rgba(255,255,255,0.06);
}

.calendar-nav-prev,
.calendar-nav-next {
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.calendar-nav-next {
	text-align: right;
}

.calendar-nav a {
	color: #BAB088;
	text-decoration: none;
}

.calendar-nav a:hover {
	color: #9B783D;
}

.calendar-nav-center {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
}

.calendar-nav select,
.calendar-nav input[type="submit"],
.calendar-action-btn,
.calendar-form-body input[type="text"],
.calendar-form-body select,
.calendar-form-actions input[type="submit"] {
	padding: 8px 10px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: Oswald, Arial, sans-serif !important;
	font-size: 11px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-sizing: border-box;
}

.calendar-action-btn {
	display: inline-block;
	text-decoration: none;
}

.calendar-nav input[type="submit"],
.calendar-action-btn,
.calendar-form-actions input[type="submit"] {
	cursor: pointer;
}

.calendar-nav input[type="submit"]:hover,
.calendar-action-btn:hover,
.calendar-form-actions input[type="submit"]:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.24) !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.calendar-event-form {
	margin: 0;
}

.calendar-form-body {
	padding: 22px;
}

.calendar-form-row {
	display: grid;
	grid-template-columns: 210px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	margin-bottom: 14px;
}

.calendar-form-row label:first-child {
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.calendar-label-error {
	color: #cc6d4a !important;
}

.calendar-form-body input[type="text"],
.calendar-form-body select {
	width: 100%;
	font-family: "Quicksand", monospace !important;
	text-transform: none;
	letter-spacing: 0;
}

.calendar-date-selects {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}

.calendar-check {
	font-family: "Quicksand", monospace !important;
	font-size: 11px !important;
	color: #BAB088 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

.calendar-error {
	margin-bottom: 16px;
	padding: 12px;
	border: 1px solid rgba(204,109,74,0.35);
	border-radius: 10px;
	color: #f0a27d;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
}

.calendar-form-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 18px;
}

@media (max-width: 900px) {
	.calendar-shell {
		width: 100%;
	}

	.calendar-grid,
	.calendar-weekdays {
		min-width: 760px;
	}

	.calendar-panel {
		overflow-x: auto;
	}

	.calendar-nav {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.calendar-nav-next {
		text-align: center;
	}

	.calendar-nav-center {
		flex-wrap: wrap;
	}

	.calendar-form-row {
		grid-template-columns: 1fr;
	}

	.calendar-date-selects {
		grid-template-columns: 1fr;
	}

	.calendar-form-actions {
		flex-direction: column;
	}
}

/* -------------------------------------------------
	LOGIN MODERN
------------------------------------------------- */

.login-shell {
	width: 430px;
	margin: 34px auto;
	color: #BAB088;
}

.login-shell-wide {
	width: 720px;
}

.login-panel {
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
}

.login-header {
	padding: 20px 22px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.login-title {
	font-family: Oswald, Arial, sans-serif;
	font-size: 22px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.login-body {
	padding: 22px;
}

.login-subtitle {
	margin: 18px 0 14px 0;
	font-family: Oswald, Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.login-alert {
	margin-bottom: 16px;
	padding: 12px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,0.06);
	background: rgba(255,255,255,0.025);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
	color: #BAB088;
}

.login-alert a {
	color: #9B783D;
	text-decoration: none;
}

.login-alert a:hover {
	color: #BAB088;
}

.login-alert-error {
	border-color: rgba(204,109,74,0.35);
	color: #f0a27d;
}

.login-row {
	display: grid;
	grid-template-columns: 135px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	margin-bottom: 13px;
}

.login-row label,
.login-check span {
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.login-row input[type="text"],
.login-row input[type="password"] {
	width: 100%;
	padding: 9px 11px;
	background: rgba(0,0,0,0.12) !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: "Quicksand", monospace;
	font-size: 12px;
	box-sizing: border-box;
}

.login-row input:focus {
	outline: none;
	border-color: rgba(209,162,84,0.35) !important;
	box-shadow: 0 0 0 2px rgba(209,162,84,0.08);
}

.login-row-small input[type="text"] {
	max-width: 90px;
}

.login-check {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 10px 0;
}

.login-check input {
	margin: 0;
}

.login-check-danger span {
	color: #f0a27d;
}

.login-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px 18px;
}

.login-grid .login-row,
.login-grid .login-check {
	margin-bottom: 10px;
}

.login-grid .login-row {
	grid-template-columns: 110px minmax(0, 1fr);
}

.login-actions {
	margin-top: 20px;
	text-align: right;
}

.login-actions input[type="submit"] {
	padding: 9px 16px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.1) !important;
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: Oswald, Arial, sans-serif !important;
	font-size: 12px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}

.login-actions input[type="submit"]:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.28) !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.login-links {
	margin-top: 16px;
	text-align: center;
	font-family: "Quicksand", monospace;
	font-size: 11px;
}

.login-links a {
	color: #BAB088;
	text-decoration: none;
}

.login-links a:hover {
	color: #9B783D;
}

@media (max-width: 760px) {
	.login-shell,
	.login-shell-wide {
		width: 100%;
		margin: 20px auto;
	}

	.login-row,
	.login-grid,
	.login-grid .login-row {
		display: block;
	}

	.login-row label {
		display: block;
		margin-bottom: 6px;
	}

	.login-grid {
		grid-template-columns: 1fr;
	}

	.login-actions {
		text-align: center;
	}
}

.login-label-note {
	display: block;
	margin-top: 4px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	line-height: 1.4;
	text-transform: none;
	letter-spacing: 0;
	color: #BAB088;
}

.login-static-value {
	padding: 9px 11px;
	background: rgba(0,0,0,0.12);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 10px;
	color: #BAB088;
	font-family: "Quicksand", monospace;
	font-size: 12px;
	line-height: 1.5;
}

.notify-shell {
	max-width: 720px;
	margin: 28px auto;
	padding: 0 12px;
}

.notify-panel {
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 14px;
	overflow: hidden;
	background: rgba(0,0,0,0.14);
}

.notify-header {
	padding: 12px 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	font-size: 11px;
	color: #BAB088;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.notify-body {
	padding: 18px 16px;
}

.notify-message {
	margin-bottom: 16px;
	line-height: 1.6;
	color: #BAB088;
}

.notify-actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.notify-btn {
	display: inline-block;
	padding: 8px 13px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.1);
	background: rgba(255,255,255,0.04);
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.6px;
}

.notify-btn-primary {
	background: rgba(191,151,91,0.18);
	border-color: rgba(191,151,91,0.35);
}

/* === FONTOK === */
body {
	font-family: 'Quicksand', sans-serif;
}

h1, h2, h3,
.error-panel-header,
.errorlog-header {
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.5px;
}

/* === SHELL === */
.error-shell,
.errorlog-shell {
	max-width: 1050px;
	margin: 0 auto;
	padding: 12px;
}

/* === PANEL === */
.error-panel,
.errorlog-panel {
	border-radius: 12px;
	background: #2b1e15;
	border: 1px solid rgba(255,255,255,0.08);
	color: #e6d3b3;
}

/* === HEADER === */
.error-panel-header,
.errorlog-header {
	padding: 12px 16px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* === BODY === */
.error-panel-body {
	padding: 16px;
	font-size: 12px;
	line-height: 1.5;
}

/* === BUTTON === */
.error-btn {
	padding: 6px 14px;
	border-radius: 6px;
	border: 0px solid rgba(255,255,255,0.15);
	background: rgba(255,255,255,0.00);
	color: #e6d3b3;
	text-decoration: none;
}

.error-btn:hover {
	background: rgba(255,255,255,0.12);
}

/* === TOOLBAR === */
.errorlog-toolbar {
	padding: 10px 14px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 11px;
}

/* === LIST === */
.errorlog-list {
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* === CARD (EZ A FONTOS RÉSZ – EZ MARADT UGYANAZ) === */
.errorlog-card {
	display: grid;
	grid-template-columns: 28px 1fr;
	gap: 10px;
	background: rgba(255,255,255,0.03);
	border-radius: 10px;
	padding: 10px;
	border: 1px solid rgba(255,255,255,0.05);
}

/* === HEADER ROW === */
.errorlog-card-top {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	margin-bottom: 6px;
}

/* === META === */
.errorlog-meta {
	font-size: 10px;
	opacity: 0.75;
	margin-bottom: 6px;
}

/* === URL === */
.errorlog-url {
	font-size: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 6px;
}

/* === MESSAGE === */
.errorlog-message {
	font-size: 12px;
	line-height: 1.4;
}

/* === FILTER ICON === */
.errorlog-filter-icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	text-align: center;
	border-radius: 4px;
	background: rgba(255,255,255,0.08);
	font-size: 9px;
	margin-right: 4px;
}

/* === FOOTER === */
.errorlog-footer {
	padding: 10px 14px;
	border-top: 1px solid rgba(255,255,255,0.06);
	font-size: 11px;

}

.movetopic-shell {
	max-width: 620px;
	margin: 20px auto;
	padding: 0 12px;
	font-family: 'Quicksand', sans-serif;
}

.movetopic-panel {
	overflow: hidden;
	border-radius: 14px;
	background: #2b1e15;
	border: 1px solid rgba(255,255,255,0.08);
	color: #e6d3b3;
}

.movetopic-header {
	padding: 12px 16px;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.5px;
	border-bottom: 1px solid rgba(255,255,255,0.08);
}

.movetopic-body {
	padding: 16px;
}

.movetopic-field {
	margin-bottom: 14px;
}

.movetopic-label {
	display: block;
	margin-bottom: 6px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	opacity: 0.85;
}

.movetopic-field select,
.movetopic-field input,
.movetopic-subpanel textarea {
	width: 100%;
	box-sizing: border-box;
	border-radius: 8px;
	border: 1px solid rgba(255,255,255,0.12);
	background: rgba(255,255,255,0.06);
	color: #e6d3b3;
	padding: 8px 10px;
	font-family: 'Quicksand', sans-serif;
	font-size: 12px;
}

.movetopic-subpanel textarea {
	resize: vertical;
	min-height: 90px;
}

.movetopic-option {
	margin: 10px 0;
	font-size: 12px;
}

.movetopic-option label {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.movetopic-subpanel {
	margin: 12px 0;
	padding: 12px;
	border-radius: 10px;
	border: 1px solid rgba(255,255,255,0.07);
	background: rgba(255,255,255,0.03);
}

.movetopic-option-inner {
	margin-bottom: 0;
}

.movetopic-actions {
	margin-top: 16px;
	text-align: right;
}

.movetopic-actions input[type="submit"] {
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 8px;
	background: rgba(255,255,255,0.08);
	color: #e6d3b3;
	padding: 8px 16px;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	letter-spacing: 0.5px;
	cursor: pointer;
}

.movetopic-actions input[type="submit"]:hover {
	background: rgba(255,255,255,0.14);
}

.poll-shell {
	max-width: 760px;
	margin: 18px auto;
	padding: 0 12px;
	font-family: 'Quicksand', sans-serif;
}

.poll-linktree {
	margin-bottom: 12px;
}

.poll-panel {
	overflow: hidden;
	border-radius: 14px;
	background: #2b1e15;
	border: 1px solid rgba(255,255,255,0.08);
	color: #e6d3b3;
}

.poll-header {
	padding: 12px 16px;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.5px;
	border-bottom: 1px solid rgba(255,255,255,0.08);
}

.poll-body {
	padding: 16px;
}

.poll-error {
	margin-bottom: 14px;
	padding: 10px 12px;
	border-radius: 10px;
	background: rgba(120, 20, 20, 0.25);
	border: 1px solid rgba(255, 100, 100, 0.25);
	color: #ffd0c8;
	font-size: 12px;
	line-height: 1.5;
}

.poll-field {
	margin-bottom: 14px;
}

.poll-label,
.poll-section-title {
	display: block;
	margin-bottom: 7px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	opacity: 0.85;
}

.poll-label-error {
	color: #ffb0a0;
}

.poll-field input[type="text"],
.poll-choice-row input[type="text"],
.poll-inline-field input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	border-radius: 8px;
	border: 1px solid rgba(255,255,255,0.12);
	background: rgba(255,255,255,0.06);
	color: #e6d3b3;
	padding: 8px 10px;
	font-family: 'Quicksand', sans-serif;
	font-size: 12px;
}

.poll-section {
	margin-top: 14px;
	padding: 12px;
	border-radius: 10px;
	border: 1px solid rgba(255,255,255,0.07);
	background: rgba(255,255,255,0.03);
}

.poll-choice-row {
	display: grid;
	grid-template-columns: 90px 1fr auto;
	gap: 8px;
	align-items: center;
	margin-bottom: 8px;
}

.poll-choice-row label {
	font-size: 11px;
	font-weight: bold;
	opacity: 0.8;
}

.poll-votes {
	white-space: nowrap;
	font-size: 11px;
	opacity: 0.75;
}

.poll-add-option {
	display: inline-block;
	margin-top: 4px;
	font-size: 11px;
	font-weight: bold;
}

.poll-inline-field {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
}

.poll-inline-field input[type="text"] {
	width: 48px;
	text-align: center;
}

.poll-check,
.poll-radio-group label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 8px 0;
	font-size: 12px;
	line-height: 1.4;
	cursor: pointer;
}

.poll-radio-group {
	margin-top: 8px;
}

.poll-actions {
	margin-top: 16px;
	text-align: right;
}

.poll-shortcuts {
	margin-bottom: 8px;
	font-size: 11px;
	opacity: 0.7;
	text-align: center;
}

.poll-actions input[type="submit"] {
	margin-left: 6px;
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 8px;
	background: rgba(255,255,255,0.08);
	color: #e6d3b3;
	padding: 8px 16px;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	letter-spacing: 0.5px;
	cursor: pointer;
}

.poll-actions input[type="submit"]:hover {
	background: rgba(255,255,255,0.14);
}

@media (max-width: 600px) {
	.poll-choice-row {
		grid-template-columns: 1fr;
	}

	.poll-inline-field {
		align-items: flex-start;
		flex-direction: column;
	}

	.poll-actions {
		text-align: center;
	}
}

.topic-poll-panel {
	margin: 0 0 22px 0;
	border-radius: 16px;
	overflow: hidden;
	background: rgba(42, 25, 17, 0.88);
	border: 1px solid rgba(255,255,255,0.06);
	font-family: "Quicksand", Arial, sans-serif;
	color: #f4e7c8;
}

.topic-poll-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.topic-poll-title {
	font-family: Oswald, Quicksand, Arial, sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #f6e4bd;
}

.topic-poll-state {
	font-size: 9px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: #BAB088;
}

.topic-poll-body {
	padding: 14px 16px 16px;
}

.topic-poll-question {
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 1.5;
	color: #f3dfb7;
}

.topic-poll-question span {
	font-family: Oswald, Quicksand, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	color: #d2ad63;
	margin-right: 5px;
}

.topic-poll-expire,
.topic-poll-warning {
	margin: 6px 0 12px;
	font-size: 11px;
	color: #BAB088;
}

.topic-poll-results {
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin-top: 12px;
}

.topic-poll-result-row {
	display: grid;
	grid-template-columns: minmax(150px, 30%) 1fr;
	gap: 12px;
	align-items: center;
	padding: 7px 9px;
	border-radius: 9px;
	background: rgba(255,255,255,0.025);
	border: 1px solid rgba(255,255,255,0.035);
}

.topic-poll-result-voted {
	border-color: rgba(210,173,99,0.22);
	background: rgba(210,173,99,0.045);
}

.topic-poll-option-name {
	font-size: 12px;
	font-weight: 700;
	color: #f5e4c0;
}

.topic-poll-bar-wrap {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 10px;
	align-items: center;
}

.topic-poll-bar {
	height: 7px;
	border-radius: 999px;
	background: rgba(255,255,255,0.07);
	overflow: hidden;
}

.topic-poll-bar-fill {
	height: 100%;
	border-radius: 999px;
	background: rgba(210,173,99,0.62);
}

.topic-poll-count {
	min-width: 68px;
	text-align: right;
	font-size: 11px;
	color: #BAB088;
	white-space: nowrap;
}

.topic-poll-total {
	margin-top: 8px;
	font-family: Oswald, Quicksand, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	color: #d2ad63;
}

.topic-poll-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 14px;
}

.topic-poll-actions a,
.topic-poll-submit input {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 27px;
	padding: 0 11px;
	border-radius: 8px;
	border: 1px solid rgba(255,255,255,0.06);
	background: rgba(60,35,22,0.75);
	color: #f3dfb7 !important;
	font-family: Oswald, Quicksand, Arial, sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

.topic-poll-actions a:hover,
.topic-poll-submit input:hover {
	background: rgba(75,44,27,0.88);
	color: #9B783D2cd !important;
}

.topic-poll-form {
	margin: 12px 0 0 0;
}

.topic-poll-vote-options {
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin-top: 12px;
}

.topic-poll-vote-option {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 8px 9px;
	border-radius: 9px;
	background: rgba(255,255,255,0.025);
	border: 1px solid rgba(255,255,255,0.035);
	cursor: pointer;
}

.topic-poll-vote-option:hover {
	background: rgba(210,173,99,0.045);
	border-color: rgba(210,173,99,0.18);
}

.topic-poll-vote-option span {
	color: #f5e4c0;
	font-weight: 700;
	font-size: 12px;
}

.topic-poll-submit {
	margin-top: 13px;
}

.topic-poll-submit input {
	border: 1px solid rgba(255,255,255,0.06);
}

@media (max-width: 700px) {
	.topic-poll-result-row {
		grid-template-columns: 1fr;
	}

	.topic-poll-bar-wrap {
		grid-template-columns: 1fr;
	}

	.topic-poll-count {
		text-align: left;
	}
}

.pcomments-shell {
	max-width: 900px;
	margin: 0 auto 22px auto;
	font-family: Quicksand, Arial, sans-serif;
	color: #f4e7c8;
}

.pcomments-panel {
	overflow: hidden;
	border-radius: 16px;
	background: rgba(42, 25, 17, 0.88);
	border: 1px solid rgba(255,255,255,0.06);
}

.pcomments-header {
	padding: 14px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.pcomments-title {
	font-family: Oswald, Quicksand, Arial, sans-serif;
	font-size: 17px;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: #f6e4bd;
}

.pcomments-body {
	padding: 16px 18px 18px;
}

.pcomments-tools,
.pcomments-smileys {
	margin-bottom: 14px;
	padding: 10px;
	border-radius: 10px;
	background: rgba(255,255,255,0.025);
	border: 1px solid rgba(255,255,255,0.035);
}

.pcomments-bbc-row {
	margin-bottom: 4px;
}

.pcomments-tools img,
.pcomments-smileys img {
	vertical-align: middle;
	margin: 2px;
	opacity: 0.82;
}

.pcomments-tools img:hover,
.pcomments-smileys img:hover {
	opacity: 1;
}

.pcomments-divider {
	display: inline-block;
	width: 1px;
	height: 18px;
	margin: 0 5px;
	vertical-align: middle;
	background: rgba(255,255,255,0.08);
}

.pcomments-select {
	margin-top: 6px;
}

.pcomments-field {
	margin-bottom: 14px;
}

.pcomments-field label {
	display: block;
	margin-bottom: 6px;
	font-family: Oswald, Quicksand, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: #d2ad63;
}

.pcomments-field input[type="text"],
.pcomments-field textarea,
.pcomments-select {
	width: 100%;
	box-sizing: border-box;
	border-radius: 9px;
	border: 1px solid rgba(210,173,99,0.32);
	background: transparent;
	color: #f4e7c8;
	padding: 9px 10px;
	font-family: Quicksand, Arial, sans-serif;
	font-size: 12px;
}

.pcomments-field textarea {
	min-height: 150px;
	resize: vertical;
}

.pcomments-field input:focus,
.pcomments-field textarea:focus,
.pcomments-select:focus {
	outline: none;
	border-color: rgba(210,173,99,0.42);
	box-shadow: 0 0 0 2px rgba(210,173,99,0.08);
}

.pcomments-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	margin-top: 14px;
}

.pcomments-actions input[type="submit"],
.pcomments-actions input[type="button"] {
	min-height: 29px;
	padding: 0 13px;
	border-radius: 8px;
	border: 1px solid rgba(255,255,255,0.06);
	background: rgba(60,35,22,0.75);
	color: #f3dfb7;
	font-family: Oswald, Quicksand, Arial, sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	cursor: pointer;
}

.pcomments-actions input:hover {
	background: rgba(75,44,27,0.88);
	color: #9B783D2cd;
}

.pcomments-note {
	width: 100%;
	text-align: right;
	font-size: 11px;
	color: #BAB088;
}

.pcomments-credit {
	margin: 10px 0;
	text-align: center;
	font-size: 10px;
	color: #BAB088;
}

.pcomments-credit a {
	color: #BAB088;
}

.pcomments-subtitle {
	margin-bottom: 12px;
	font-family: Oswald, Quicksand, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	color: #d2ad63;
}

.pcomments-admin-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.pcomments-admin-head,
.pcomments-admin-row {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
	gap: 10px;
	align-items: start;
}

.pcomments-admin-head {
	padding: 8px 10px;
	border-radius: 9px;
	background: rgba(255,255,255,0.025);
	font-family: Oswald, Quicksand, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	color: #d2ad63;
}

.pcomments-admin-row {
	padding: 10px;
	border-radius: 9px;
	background: rgba(255,255,255,0.02);
	border: 1px solid rgba(255,255,255,0.035);
	font-size: 11px;
	line-height: 1.45;
}

.pcomments-admin-comment {
	margin-top: 5px;
	color: #BAB088;
}

.pcomments-admin-actions {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.pcomments-pages {
	margin-top: 10px;
	padding: 8px 10px;
	border-radius: 9px;
	background: rgba(255,255,255,0.025);
	font-size: 11px;
}

.pcomments-more-smileys {
	display: inline-block;
	margin-left: 8px;
	font-size: 11px;
}

@media (max-width: 760px) {
	.pcomments-admin-head {
		display: none;
	}

	.pcomments-admin-row {
		grid-template-columns: 1fr;
	}
}

/* -------------------------------------------------
	SPLIT / MERGE TOPICS MODERN
------------------------------------------------- */

.splitmerge-shell {
	width: 900px;
	max-width: 100%;
	margin: 0 auto 22px auto;
	box-sizing: border-box;
	color: #BAB088;
	font-family: "Quicksand", monospace;
	font-size: 11px;
}

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

.splitmerge-panel {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
}

.splitmerge-header {
	padding: 20px 22px 16px 22px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	font-family: Oswald, Arial, sans-serif;
	font-size: 22px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.splitmerge-body {
	padding: 18px 22px 22px 22px;
}

.splitmerge-note {
	margin: 0 0 16px 0;
	padding-bottom: 14px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.splitmerge-pages {
	margin: 0 0 16px 0;
	padding: 0;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
	color: #BAB088;
}

.splitmerge-pages b {
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.splitmerge-static {
	margin: 0 0 16px 0;
	padding-bottom: 14px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.splitmerge-label {
	display: block;
	margin: 0 0 8px 0;
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.splitmerge-value {
	display: block;
	padding: 8px 0;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.splitmerge-field {
	margin: 0 0 16px 0;
}

.splitmerge-field select,
.splitmerge-field input[type="text"],
.splitmerge-field textarea,
.splitmerge-panel select,
.splitmerge-panel input[type="text"],
.splitmerge-panel textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 9px 11px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: "Quicksand", monospace !important;
	font-size: 11px !important;
	line-height: 1.5;
}

.splitmerge-field textarea,
.splitmerge-panel textarea {
	min-height: 90px;
	resize: vertical;
}

.splitmerge-field select:focus,
.splitmerge-field input[type="text"]:focus,
.splitmerge-field textarea:focus {
	outline: none;
	border-color: rgba(209,162,84,0.28) !important;
}

.splitmerge-options {
	margin: 12px 0 16px 0;
	padding: 12px 0;
	border-top: 1px solid rgba(255,255,255,0.05);
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.splitmerge-option {
	margin: 8px 0;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.splitmerge-option label {
	display: flex;
	align-items: center;
	gap: 8px;
}

.splitmerge-option input[type="checkbox"],
.splitmerge-option input[type="radio"] {
	width: auto;
	margin: 0;
}

.splitmerge-subpanel {
	margin: 12px 0;
	padding: 12px;
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: 12px;
	background: transparent;
}

.splitmerge-topic-list,
.splitmerge-merge-list {
	margin: 14px 0 0 0;
	padding: 0;
}

.splitmerge-topic-row,
.splitmerge-merge-row {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	padding: 13px 0;
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.splitmerge-topic-row:last-child,
.splitmerge-merge-row:last-child {
	border-bottom: none;
}

.splitmerge-topic-action,
.splitmerge-merge-action {
	width: 92px;
	min-width: 92px;
}

.splitmerge-topic-info,
.splitmerge-merge-info {
	min-width: 0;
	text-align: right;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.splitmerge-topic-title,
.splitmerge-topic-title a,
.splitmerge-merge-title,
.splitmerge-merge-title a {
	font-family: Oswald, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	text-decoration: none;
}

.splitmerge-topic-meta,
.splitmerge-merge-meta {
	margin-top: 4px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	line-height: 1.6;
	color: #BAB088;
}

.splitmerge-actions {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 18px;
}

.splitmerge-btn,
.splitmerge-actions input[type="submit"],
.splitmerge-panel input[type="submit"],
.splitmerge-panel input[type="button"],
.splitmerge-topic-action a,
.splitmerge-merge-action a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 8px 13px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.05) !important;
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif !important;
	font-size: 10px !important;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	text-decoration: none;
	cursor: pointer;
}

.splitmerge-btn:hover,
.splitmerge-actions input[type="submit"]:hover,
.splitmerge-panel input[type="submit"]:hover,
.splitmerge-panel input[type="button"]:hover,
.splitmerge-topic-action a:hover,
.splitmerge-merge-action a:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22) !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

.splitmerge-link-list {
	margin: 14px 0 0 0;
	padding: 0;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.9;
}

.splitmerge-link-list a {
	color: #9B783D !important;
	text-decoration: none;
}

.splitmerge-link-list a:hover {
	color: #9B783D !important;
}

/* merge extra options table */
.splitmerge-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 12px;
}

.splitmerge-table th,
.splitmerge-table td {
	padding: 10px 8px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	vertical-align: top;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
}

.splitmerge-table th {
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
	text-align: left;
}

.splitmerge-table td {
	color: #BAB088;
}

.splitmerge-table a {
	color: #BAB088 !important;
	text-decoration: none;
}

.splitmerge-table a:hover {
	color: #9B783D !important;
}

/* selective split two columns */
.splitmerge-select-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	align-items: start;
}

.splitmerge-select-col {
	min-width: 0;
}

.splitmerge-post-card {
	padding: 12px 0;
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.splitmerge-post-card:last-child {
	border-bottom: none;
}

.splitmerge-post-head {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.splitmerge-post-body,
.splitmerge-post-body .post {
	margin-top: 0 !important;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.75;
	color: #BAB088;
}

@media (max-width: 900px) {
	.splitmerge-shell {
		width: 100%;
	}

	.splitmerge-panel {
		border-radius: 14px;
	}

	.splitmerge-topic-row,
	.splitmerge-merge-row {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.splitmerge-topic-action,
	.splitmerge-merge-action {
		width: auto;
		min-width: 0;
	}

	.splitmerge-topic-info,
	.splitmerge-merge-info {
		text-align: left;
	}

	.splitmerge-select-grid {
		grid-template-columns: 1fr;
	}
}

/* -------------------------------------------------
	PROFILE SHOW POSTS - ACTION BUTTON FIX
------------------------------------------------- */

.profile-post-actions {
	padding: 10px 16px 14px 16px;
	text-align: right;
	border-top: 1px solid rgba(255,255,255,0.05);
}

.profile-post-actions .post-action-bar {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.profile-post-actions .post-action-btn {
	display: inline-block;
	padding: 6px 10px;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	color: #BAB088 !important;
	text-decoration: none;
	transition: color 0.18s ease, border-color 0.18s ease, text-shadow 0.18s ease;
}

.profile-post-actions .post-action-btn:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22);
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
	text-decoration: none;
}

.profile-post-actions .post-action-btn-primary {
	color: #BAB088 !important;
}

.profile-post-actions .post-action-btn-danger:hover {
	color: #c96a5c !important;
	border-color: rgba(201,106,92,0.24);
	text-shadow: 0 0 5px rgba(201,106,92,0.35);
}

.profile-post-actions img {
	display: none !important;
}

.profile-post-counter {
	color: #9B783D;
	margin-right: 8px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
}

.profile-post-sep {
	display: inline-block;
	margin: 0 6px;
	color: #BAB088;
}

td[align="right"] .topic-action-btn {
	font-family: Oswald, Arial, sans-serif !important;
}

/* -------------------------------------------------
	POST COMPOSER MODERN
------------------------------------------------- */

.post-compose-shell {
	width: 900px;
	color: #BAB088;
box-sizing: border-box;
}

.post-compose-linktree {
	margin-bottom: 14px;
}

.post-compose-panel,
.post-compose-preview {
padding: 16px 18px;
	width: 100%;
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
box-sizing: border-box;
	border: none !important;
	box-shadow: none !important;
}

.post-compose-panel .titlebg td,
.post-compose-preview-header {
	padding: 18px 22px !important;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	font-family: Oswald, Arial, sans-serif !important;
	font-size: 20px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
	background: transparent !important;
}

.post-compose-panel .windowbg {
	background: transparent !important;
}

.post-compose-form-table {
	padding: 20px 22px 22px 22px;
	box-sizing: border-box;
}

.post-compose-form-table td {
	padding: 8px 10px;
	vertical-align: top;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.post-compose-form-table td[align="right"],
.post-compose-form-table td[align="right"] b {
	width: 150px;
	font-family: Oswald, Arial, sans-serif !important;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
	font-weight: normal;
}

.post-compose-form-table input[type="text"],
.post-compose-form-table input[type="file"],
.post-compose-form-table select,
.post-compose-form-table textarea {
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: "Quicksand", monospace !important;
	font-size: 11px !important;
	padding: 8px 10px;
	box-sizing: border-box;
}

.post-compose-form-table input[type="text"] {
	width: 100%;
	max-width: 620px;
}

.post-compose-form-table select {
	width: auto;
	max-width: 100%;
}

.post-compose-editor {
	width: 100% !important;
	min-height: 260px;
	resize: vertical;
}

.post-compose-preview {
	padding: 18px 22px;
	box-sizing: border-box;
}

.post-compose-preview-header {
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.post-compose-preview-body {
	padding: 14px 4px 6px 4px; 
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: #BAB088;
}

#errors td,
#lock_warning td {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
}

#error_serious,
#error_list {
	padding: 12px 14px;
	border-radius: 12px;
	background: rgba(130,20,20,0.16);
	border: 1px solid rgba(255,120,120,0.22);
	color: #f0d6d6 !important;
}

#postMoreOptions {
	margin-top: 8px;
	padding: 12px;
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: 12px;
	background: rgba(255,255,255,0.01);
}

#postMoreOptions table {
	width: 100% !important;
}

#postMoreOptions td,
#postMoreOptions label {
	font-family: "Quicksand", monospace !important;
	font-size: 11px;
	color: #BAB088;
}

.post-compose-actions {
	padding-top: 18px !important;
	text-align: right !important;
}

.post-compose-actions .smalltext {
	display: block;
	margin-bottom: 8px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	color: #BAB088;
}

.post-compose-actions input[type="submit"],
.post-compose-actions input[type="button"],
.post-compose-form-table input[type="submit"],
.post-compose-form-table input[type="button"] {
	margin-left: 6px;
	padding: 8px 13px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.05) !important;
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif !important;
	font-size: 10px !important;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	cursor: pointer;
}

.post-compose-actions input:hover,
.post-compose-form-table input[type="submit"]:hover,
.post-compose-form-table input[type="button"]:hover {
	color: #9B783D !important;
	border-color: rgba(209,162,84,0.22) !important;
	text-shadow: 0 0 5px rgba(209,162,84,0.45);
}

@media (max-width: 900px) {
	.post-compose-shell {
		width: 100%;
	}

	.post-compose-form-table td,
	.post-compose-form-table tr {
		display: block;
		width: 100% !important;
	}

	.post-compose-form-table td[align="right"] {
		padding-bottom: 2px;
	}

	.post-compose-actions {
		text-align: center !important;
	}

	.post-compose-actions input {
		margin: 4px;
	}
}


/* -------------------------------------------------
	BBC BUTTONS MODERN - POST + PM + SHOUTBOX
------------------------------------------------- */

form[name="postmodify"] img[src*="/bbc/"],
.shoutbox-modern img[src*="/bbc/"],
.shoutbox-floating-panel img[src*="/bbc/"],
#shoutbox_faces img[src*="/bbc/"],
#shoutbox_smileys img[src*="/bbc/"] {
	box-sizing: border-box;
	width: 24px !important;
	height: 24px !important;
	padding: 4px;
	margin: 2px 3px !important;

	background: rgba(255,255,255,0.025) !important;
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 7px;

	opacity: 0.78;
	vertical-align: middle;

	transition:
		opacity 0.18s ease,
		border-color 0.18s ease,
		background 0.18s ease,
		transform 0.18s ease,
		box-shadow 0.18s ease;
}

form[name="postmodify"] img[src*="/bbc/"]:hover,
.shoutbox-modern img[src*="/bbc/"]:hover,
.shoutbox-floating-panel img[src*="/bbc/"]:hover,
#shoutbox_faces img[src*="/bbc/"]:hover,
#shoutbox_smileys img[src*="/bbc/"]:hover {
	opacity: 1;
	background: rgba(155,120,61,0.08) !important;
	border-color: rgba(155,120,61,0.32);
	box-shadow: 0 0 8px rgba(155,120,61,0.22);
	transform: translateY(-1px);
}

/* divider.gif modern szeparátor */
form[name="postmodify"] img[src*="/bbc/divider.gif"],
.shoutbox-modern img[src*="/bbc/divider.gif"],
.shoutbox-floating-panel img[src*="/bbc/divider.gif"],
#shoutbox_faces img[src*="/bbc/divider.gif"],
#shoutbox_smileys img[src*="/bbc/divider.gif"] {
	width: 1px !important;
	height: 22px !important;
	padding: 0 !important;
	margin: 2px 7px !important;
	border: none !important;
	border-radius: 0;
	background: rgba(255,255,255,0.10) !important;
	opacity: 1;
	box-shadow: none;
	transform: none;
}

/* -------------------------------------------------
	BBC FONTAWESOME ICONS
------------------------------------------------- */

.bbc-fa-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 24px;
	height: 24px;
	margin: 2px 3px;

	background: rgba(255,255,255,0.025);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 7px;

	color: #BAB088;
	font-size: 12px;
	line-height: 1;

	opacity: 0.82;
	vertical-align: middle;

	transition:
		opacity 0.18s ease,
		color 0.18s ease,
		border-color 0.18s ease,
		background 0.18s ease,
		transform 0.18s ease,
		box-shadow 0.18s ease;
}

a:hover .bbc-fa-icon,
.bbc-fa-icon:hover {
	opacity: 1;
	color: #9B783D;
	background: rgba(155,120,61,0.08);
	border-color: rgba(155,120,61,0.32);
	box-shadow: 0 0 8px rgba(155,120,61,0.22);
	transform: translateY(-1px);
}

.bbc-modern-divider {
	width: 1px !important;
	height: 22px !important;
	padding: 0 !important;
	margin: 2px 7px !important;
	border: none !important;
	border-radius: 0 !important;
	background: rgba(255,255,255,0.10) !important;
	opacity: 1 !important;
}

/* BBC toolbar layout fix */
.bbc-fa-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	margin: 2px;
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: 6px;
	background: rgba(255,255,255,0.02);
	font-size: 12px;
	color: #BAB088;
	vertical-align: middle;
	transition: all 0.15s ease;
}

.bbc-fa-icon:hover {
	color: #9B783D;
	text-shadow: 0 0 6px rgba(155,120,61,0.6);
	border-color: rgba(155,120,61,0.25);
}

/* a link wrapper is fix */
a > .bbc-fa-icon,
.bbc-fa-icon {
	pointer-events: auto;
	cursor: pointer;
}


.bbc-separator {
	display: inline-block;
	width: 1px;
	height: 18px;
	margin: 0 6px;
	background: rgba(255,255,255,0.08);
	vertical-align: middle;
}

img[data-fa-replaced="1"] {
	display: none !important;
}

.bbc-fa-icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	margin: 2px;
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: 6px;
	background: rgba(255,255,255,0.02);
	font-size: 12px;
	color: #BAB088;
	vertical-align: middle;
}

a:hover .bbc-fa-icon {
	color: #9B783D;
	text-shadow: 0 0 6px rgba(155,120,61,0.6);
	border-color: rgba(155,120,61,0.25);
}

.bbc-separator {
	display: inline-block;
	width: 1px;
	height: 18px;
	margin: 0 6px;
	background: rgba(255,255,255,0.08);
	vertical-align: middle;
}

/* -------------------------------------------------
	SEND TOPIC / REPORT TOPIC MODERN
------------------------------------------------- */

.sendtopic-shell {
	width: 900px;
	margin: 24px auto;
	color: #BAB088;
	box-sizing: border-box;
}

.sendtopic-panel {
	background: #2e2017;
	border-radius: 18px;
	overflow: hidden;
	box-sizing: border-box;
}

.sendtopic-header {
	padding: 18px 22px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.sendtopic-title {
	font-family: Oswald, Arial, sans-serif;
	font-size: 22px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.sendtopic-body {
	padding: 22px;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color: #BAB088;
}

.sendtopic-section-title {
	margin-bottom: 14px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9B783D;
}

.sendtopic-grid {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 12px 18px;
	align-items: center;
}

.sendtopic-grid label {
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.sendtopic-grid input[type="text"] {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 9px 11px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: "Quicksand", monospace !important;
	font-size: 11px !important;
}

.sendtopic-grid input[type="text"]:focus {
	outline: none;
	border-color: rgba(155,120,61,0.35) !important;
	box-shadow: 0 0 0 2px rgba(155,120,61,0.08);
}

.sendtopic-divider {
	height: 1px;
	margin: 20px 0;
	background: rgba(255,255,255,0.06);
}

.sendtopic-note {
	margin-bottom: 18px;
	padding: 14px 16px;
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 12px;
	color: #BAB088;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
}

.sendtopic-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 22px;
}

.sendtopic-actions input[type="submit"] {
	padding: 9px 14px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif !important;
	font-size: 11px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	cursor: pointer;
}

.sendtopic-actions input[type="submit"]:hover {
	color: #9B783D !important;
	border-color: rgba(155,120,61,0.28) !important;
	text-shadow: 0 0 5px rgba(155,120,61,0.45);
}

@media (max-width: 900px) {
	.sendtopic-shell {
		width: 100%;
		margin: 18px auto;
	}

	.sendtopic-grid {
		grid-template-columns: 1fr;
	}

	.sendtopic-actions {
		justify-content: stretch;
	}

	.sendtopic-actions input[type="submit"] {
		width: 100%;
	}
}

/* -------------------------------------------------
	SEARCH TEMPLATE MODERN
------------------------------------------------- */

.search-shell {
	width: 900px;
	max-width: 100%;
	margin: 18px auto;
	color: #BAB088;
	box-sizing: border-box;
	font-family: Quicksand, Arial, sans-serif;
}

.search-linktree {
	margin-bottom: 14px;
}

.search-panel,
.search-results-panel,
.search-card,
.search-empty {
	background: #2e2017;
	border-radius: 18px;
	box-sizing: border-box;
	overflow: hidden;
}

.search-header,
.search-results-head,
.search-card-head {
	padding: 13px 16px;
	background: #2e2017;
	border-bottom: 1px solid rgba(186,176,136,0.14);
}

.search-title {
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.1;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BAB088;
}

.search-body {
	padding: 18px;
}

.search-error,
.search-suggestion,
.search-specific-topic,
.search-empty {
	padding: 14px 16px;
	color: #BAB088;
	font-size: 12px;
	line-height: 1.7;
}

.search-error {
	color: #d1a254;
}

.search-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.search-field-block {
	margin-bottom: 14px;
}

.search-label,
.search-box-title {
	display: block;
	margin-bottom: 7px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.search-help,
.search-footer-note,
.search-pages,
.search-card-meta,
.search-result-meta,
.search-result-small,
.search-match-title span {
	color: #BAB088;
	font-size: 11px;
	line-height: 1.7;
}

.search-footer-note a,
.search-shell a {
	color: #BAB088;
	text-decoration: none;
}

.search-footer-note a:hover,
.search-shell a:hover {
	color: #9B783D;
	text-decoration: none;
}

.search-simple-row {
	display: flex;
	gap: 10px;
	align-items: center;
}

.search-simple-row input[type="text"] {
	flex: 1;
}

.search-shell input[type="text"],
.search-shell select {
	width: 100%;
	box-sizing: border-box;
	padding: 8px 10px;
	background: #241812;
	border: 1px solid rgba(186,176,136,0.18);
	border-radius: 10px;
	color: #BAB088;
	font-family: Quicksand, Arial, sans-serif;
	font-size: 12px;
}

.search-shell input[type="text"]:focus,
.search-shell select:focus {
	outline: none;
	border-color: rgba(155,120,61,0.55);
	box-shadow: 0 0 8px rgba(155,120,61,0.18);
}

.search-shell input[type="submit"],
.search-shell input[type="button"],
.search-action-btn {
	display: inline-block;
	width: auto;
	padding: 8px 13px;
	background: transparent;
	border: 1px solid rgba(186,176,136,0.20);
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: Oswald, Arial, sans-serif;
	font-size: 10px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	text-decoration: none;
	transition: color 0.18s ease, border-color 0.18s ease, text-shadow 0.18s ease;
}

.search-shell input[type="submit"]:hover,
.search-shell input[type="button"]:hover,
.search-action-btn:hover {
	color: #9B783D !important;
	border-color: #9B783D;
	text-shadow: 0 0 5px rgba(155,120,61,0.45);
}

.search-two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin-top: 4px;
}

.search-box,
.search-boards-box,
.search-match {
	padding: 14px;
	border: 1px solid rgba(186,176,136,0.14);
	border-radius: 14px;
	box-sizing: border-box;
}

.search-box label {
	display: block;
	margin: 8px 0;
	color: #BAB088;
	font-size: 12px;
}

.search-age-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	color: #BAB088;
	font-size: 12px;
}

.search-age-row input[type="text"] {
	width: 70px;
}

.search-boards-box {
	margin-top: 14px;
}

.search-boards-head a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.search-boards-list {
	margin-top: 12px;
}

.search-board-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.search-board-cell {
	padding: 4px 0;
	color: #BAB088;
	font-size: 12px;
}

.search-all-row {
	margin-top: 12px;
	color: #BAB088;
	font-size: 12px;
}

.search-actions {
	margin-top: 16px;
}

.search-pages {
	margin: 12px 0;
}

.search-pages-bottom {
	margin-top: 14px;
}

.search-results-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 90px 130px 160px;
	gap: 12px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.search-result-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 90px 130px 160px;
	gap: 12px;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(186,176,136,0.10);
	box-sizing: border-box;
}

.search-result-row:last-child {
	border-bottom: 0;
}

.search-result-title,
.search-match-title,
.search-card-title {
	font-family: Oswald, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
}

.search-result-number {
	color: #9B783D;
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
}

.search-match {
	margin-top: 10px;
	background: rgba(0,0,0,0.08);
}

.search-match-body,
.search-card-body {
	margin-top: 8px;
	color: #BAB088;
	font-size: 12px;
	line-height: 1.8;
}

.search-card {
	margin-bottom: 14px;
}

.search-card-head {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) 160px;
	gap: 12px;
	align-items: center;
}

.search-card-counter {
	font-family: Oswald, Arial, sans-serif;
	color: #9B783D;
	font-size: 13px;
}

.search-card-time {
	text-align: right;
	color: #BAB088;
	font-size: 11px;
}

.search-card-meta {
	padding: 11px 16px;
	border-bottom: 1px solid rgba(186,176,136,0.10);
}

.search-sep {
	margin: 0 7px;
	color: #9B783D;
}

.search-card-body {
	padding: 16px;
	margin-top: 0;
}

.search-card-actions {
	padding: 0 16px 16px;
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	flex-wrap: wrap;
}

@media (max-width: 900px) {
	.search-shell {
		width: 100%;
		padding: 0 10px;
	}

	.search-grid,
	.search-two-col,
	.search-results-head,
	.search-result-row,
	.search-card-head {
		grid-template-columns: 1fr;
	}

	.search-simple-row {
		flex-direction: column;
		align-items: stretch;
	}

	.search-board-row {
		grid-template-columns: 1fr;
	}

	.search-card-time {
		text-align: left;
	}
}


.houseglass-counter {
	width: 900px;
	height: 150px;
	margin: 14px auto;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	background: transparent;
	border-radius: 18px;
	color: #BAB088;
	font-family: Quicksand, Arial, sans-serif;
}

.houseglass-header {
	position: absolute;
	top: 12px;
	left: 18px;
	right: 18px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 5;
	font-family: Oswald, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 0px;
	color: #BAB088;
}

.houseglass-header b {
	color: var(--leader-accent);
	font-weight: normal;
	text-shadow: 0 0 7px var(--leader-color);
}

.houseglass-grid {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 125px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.houseglass-card {
	position: relative;
	height: 125px;
	box-sizing: border-box;
}

.houseglass-shape {
	position: absolute;
	left: 50%;
	top: 8px;
	width: 82px;
	height: 98px;
	transform: translateX(-50%);
}

.houseglass-top,
.houseglass-bottom {
	position: absolute;
	left: 50%;
	width: 72px;
	height: 45px;
	transform: translateX(-50%);
	background: linear-gradient(to right, #f7f7f7, #A2B9C4, #A5C4D4, #A5C4D4, #A2B9C4, #f7f7f7);
	opacity: 0.42;
	border: 1px solid rgba(162,185,196,0.65);
	box-sizing: border-box;
	z-index: 2;
}

.houseglass-top {
	top: 0;
	border-radius: 10% 10% 42% 42%;
}

.houseglass-bottom {
	bottom: 0;
	border-radius: 42% 42% 10% 10%;
}

.houseglass-neck {
	position: absolute;
	left: 50%;
	top: 43px;
	width: 32px;
	height: 12px;
	transform: translateX(-50%);
	background: linear-gradient(to right, #f7f7f7, #A2B9C4, #A5C4D4, #A2B9C4, #f7f7f7);
	opacity: 0.35;
	border: 1px solid rgba(162,185,196,0.5);
	border-radius: 40%;
	z-index: 2;
}

.houseglass-shape:before,
.houseglass-shape:after {
	content: "";
	position: absolute;
	left: 50%;
	width: 78px;
	height: 7px;
	transform: translateX(-50%);
	background: linear-gradient(to right, #9B783D, #9B783D, #9B783D);
	border-radius: 20px;
	z-index: 4;
}

.houseglass-shape:before {
	top: -2px;
}

.houseglass-shape:after {
	bottom: -2px;
}

.houseglass-card:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 7px;
	width: 80px;
	height: 18px;
	transform: translateX(-50%);
	background: repeating-linear-gradient(to right, var(--house-color), var(--house-accent));
	border-radius: 12px 12px 0 0;
	opacity: 0.9;
}

.houseglass-bottom:after {
	content: "";
	position: absolute;
	left: 4px;
	right: 4px;
	bottom: 4px;
	height: var(--fill-height);
	max-height: 34px;
	background: var(--house-color);
	border-radius: 40% 40% 10% 10%;
	opacity: 0.88;
}

.houseglass-top:after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 5px;
	height: 8px;
	background: var(--house-color);
	border-radius: 40%;
	opacity: 0.72;
}

.houseglass-card:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 55px;
	width: 7px;
	height: 7px;
	transform: translateX(-50%);
	background: var(--house-color);
	border-radius: 45% 45% 30% 30%;
	opacity: 0.9;
	animation: houseglass-drop 3.2s infinite ease-in-out;
	z-index: 3;
}

.houseglass-card:nth-child(2):after {
	animation-delay: .6s;
}

.houseglass-card:nth-child(3):after {
	animation-delay: 1.1s;
}

.houseglass-card:nth-child(4):after {
	animation-delay: .3s;
}

@keyframes houseglass-drop {
	0% { top: 53px; opacity: 0; }
	20% { opacity: 1; }
	70% { opacity: 1; }
	100% { top: 88px; opacity: 0; }
}

.houseglass-info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 26px;
	text-align: center;
	z-index: 5;
}

.houseglass-name {
	font-family: Oswald, Arial, sans-serif;
	font-size: 11px;
	text-shadow: #000000 1px 0 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088;
	padding-bottom: 45px;
}

.houseglass-points {
	margin-top: 1px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 18px;
	line-height: 1;
	color: var(--house-accent);
	text-shadow: 0 0 7px var(--house-color);
}

.houseglass-card.is-leader .houseglass-shape {
	filter: drop-shadow(0 0 15px var(--house-color));
}

.houseglass-card.is-leader .houseglass-points {
	color: var(--house-accent);
}

/* -------------------------------------------------
	CLUBROOM - PROFILE SUBPAGE STYLE
------------------------------------------------- */

.clubroom-house {
	--club-panel: rgba(255,255,255,0.00);
	--club-line: rgba(255,255,255,0.07);
	--club-muted: rgba(245,241,232,0.68);

	background: var(--club-bg) !important;
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 18px;
	overflow: hidden;
	box-sizing: border-box;
}

.clubroom-house .profile-subpage-header {
	background: transparent !important;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.clubroom-house .profile-subpage-title {
	color: var(--club-text) !important;
}

.clubroom-house .profile-subpage-desc {
	color: var(--club-text) !important;
}

.clubroom-house .profile-subpage-body {
	padding: 0 28px 28px 28px;
}

.clubroom-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 14px;
	align-items: start;
}

.clubroom-left,
.clubroom-right {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.clubroom-house .profile-block {
	margin-top: 18px;
	background: rgba(0,0,0,0.12) !important;
	border: 1px solid rgba(255,255,255,0.07) !important;
	border-radius: 14px;
	padding: 14px 16px;
	box-sizing: border-box;
}

.clubroom-house .profile-block:first-child {
	margin-top: 18px;
}

.clubroom-house .profile-block-title {
	color: var(--club-text) !important;
}

.clubroom-house a {
	color: var(--club-text) !important;
	text-decoration: none;
}

.clubroom-house a:hover {
	color: var(--club-text) !important;
	text-shadow: 0 0 7px var(--club-bg-soft);
}

/* Jegyzet */

.clubroom-textarea {
	width: 100%;
	min-height: 105px;
	resize: vertical;
	box-sizing: border-box;
	padding: 9px 11px;
	background: rgba(255,255,255,0.01) !important;
	border: 1px solid rgba(255,255,255,0.09) !important;
	border-radius: 10px;
	color: #BAB088 !important;
	font-family: "Quicksand", monospace !important;
	font-size: 11px;
	line-height: 1.7;
}

.clubroom-textarea:focus {
	outline: none;
	border-color: var(--club-text) !important;
	box-shadow: 0 0 0 1px var(--club-bg-soft);
}

.clubroom-textarea::placeholder {
	color: #BAB088;
}

.clubroom-house .profile-save-row {
	margin-top: 10px;
	padding-top: 0;
}

.clubroom-house input[type="submit"] {
	padding: 7px 12px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.05) !important;
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif !important;
	font-size: 10px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--club-text) !important;
	cursor: pointer;
}

.clubroom-house input[type="submit"]:hover {
	border-color: var(--club-text) !important;
	text-shadow: 0 0 6px var(--club-bg-soft);
}

/* Hasznos linkek */

.clubroom-links {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.clubroom-links a {
	display: block;
	padding: 7px 0;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
}

.clubroom-links a:last-child {
	border-bottom: none;
}

/* Barátok - buddy list hangulat */

.clubroom-buddy {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
}

.clubroom-buddy:last-child {
	border-bottom: none;
}

.clubroom-buddy > span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.clubroom-buddy > span a {
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.pm-member-online {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
	color: var(--club-muted) !important;
}

.pm-member-online .smalltext {
	color: var(--club-muted) !important;
	font-size: 10px;
}

.pm-member-online img {
	vertical-align: middle;
	margin-right: 3px;
}

/* Értesítések - notification lista hangulat */

.clubroom-notifications {
	display: flex;
	flex-direction: column;
}

.clubroom-notification {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	padding: 9px 0;
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.clubroom-notification:last-child {
	border-bottom: none;
}

.clubroom-notification-main {
	min-width: 0;
}

.clubroom-notification-main > a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: Oswald, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.25;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.clubroom-notification-main .smalltext {
	margin-top: 3px;
	color: var(--club-muted) !important;
	font-size: 10px;
	line-height: 1.5;
}

.clubroom-notification-new {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.clubroom-notification-new img {
	vertical-align: middle;
}

.clubroom-house .profile-mini-note {
	color: var(--club-muted) !important;
}

@media (max-width: 900px) {
	.clubroom-grid {
		grid-template-columns: 1fr;
	}
}

.clubroom-wall-textarea {
	width: 100%;
	min-height: 58px;
	resize: vertical;
	box-sizing: border-box;
	padding: 9px 11px;
	background: rgba(255,255,255,0.01) !important;
	border: 1px solid rgba(255,255,255,0.09) !important;
	border-radius: 10px;
	color: var(--club-text) !important;
	font-family: "Quicksand", monospace !important;
	font-size: 11px;
	line-height: 1.6;
}

.clubroom-wall-textarea:focus {
	outline: none;
	border-color: var(--club-text) !important;
	box-shadow: 0 0 0 1px var(--club-bg-soft);
}

.clubroom-wall-list {
	margin-top: 12px;
}

.clubroom-wall-row {
	padding: 9px 0;
	border-bottom: 1px solid  var(--club-text) !important;
}

.clubroom-wall-row:last-child {
	border-bottom: none;
}

.clubroom-wall-head {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 4px;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	color: var(--club-text) !important;
}

.clubroom-wall-head a {
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.clubroom-wall-head span {
	color:  var(--club-text) !important;
	white-space: nowrap;
}

.clubroom-wall-message {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
	color:  var(--club-text) !important;
}

.clubroom-staff-news-head {
	padding-bottom: 9px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.clubroom-staff-news-head > a {
	display: block;
	font-family: Oswald, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.25;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.clubroom-staff-news-head .smalltext {
	margin-top: 4px;
	color:  var(--club-text) !important;
}

.clubroom-staff-news-body,
.clubroom-staff-news-body .post,
.clubroom-staff-news-body div,
.clubroom-staff-news-body span,
.clubroom-staff-news-body p,
.clubroom-staff-news-body li {
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.8;
	color: var(--club-text) !important;;
}

/* -------------------------------------------------
	CLUBROOM FLOATING - GLOBAL TOGGLE
------------------------------------------------- */

.clubroom-floating-wrap {
	position: fixed;
	top: 18px;
	right: 18px;
	z-index: 99999;
	font-family: "Quicksand", monospace;
	color: #BAB088 !important;
}

.clubroom-floating-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	float: right;
	padding: 10px 14px;
	background: #2e2017;
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.35);
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BAB088 !important;
	text-decoration: none;
}

.clubroom-floating-toggle:hover {
	color: #BAB088 !important;
	border: 1px solid rgba(255,255,255,0.08);
	text-shadow: 0 0 6px var(--club-bg-soft);
}

.clubroom-floating-panel {
	clear: both;
	position: absolute;
	top: 48px;
	right: 0;
	width: 340px;
	max-width: calc(100vw - 36px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-8px);
	transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

.clubroom-floating-wrap.open .clubroom-floating-panel {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

.clubroom-floating-inner {
	overflow: hidden;
	background: var(--club-bg) !important;
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 14px;
	box-shadow: 0 12px 34px rgba(0,0,0,0.48);
	box-sizing: border-box;
}

.clubroom-floating-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 13px 15px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.clubroom-floating-title,
.clubroom-floating-block-title {
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--club-text);
}

.clubroom-floating-full {
	font-family: "Quicksand", monospace;
	font-size: 10px;
	line-height: 1.4;
	color: var(--club-text) !important;
	text-align: right;
}

.clubroom-floating-full:hover {
	opacity: 1;
	text-shadow: 0 0 6px var(--club-bg-soft);
}

.clubroom-floating-block {
	padding: 14px 15px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.clubroom-floating-block:last-child {
	border-bottom: none;
}

.clubroom-floating-block-title {
	margin-bottom: 9px;
}

.clubroom-floating-note {
	width: 100%;
	min-height: 78px;
	resize: vertical;
	box-sizing: border-box;
	padding: 9px 11px;
	background: rgba(255,255,255,0.01) !important;
	border: 1px solid rgba(255,255,255,0.09) !important;
	border-radius: 10px;
	color: var(--club-text) !important;
	font-family: "Quicksand", monospace !important;
	font-size: 11px;
	line-height: 1.7;
}

.clubroom-floating-note:focus {
	outline: none;
	border-color: var(--club-text) !important;
	box-shadow: 0 0 0 1px var(--club-bg-soft);
}

.clubroom-floating-actions {
	margin-top: 9px;
	text-align: right;
}

.clubroom-floating-actions input[type="submit"] {
	padding: 7px 12px;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.05) !important;
	border-radius: 10px;
	font-family: Oswald, Arial, sans-serif !important;
	font-size: 10px !important;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--club-text) !important;
	cursor: pointer;
}

.clubroom-floating-actions input[type="submit"]:hover {
	border-color: var(--club-text) !important;
	text-shadow: 0 0 6px var(--club-bg-soft);
}

.clubroom-floating-notify,
.clubroom-floating-buddy {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.clubroom-floating-notify:last-child,
.clubroom-floating-buddy:last-child {
	border-bottom: none;
}

.clubroom-floating-notify-main {
	min-width: 0;
}

.clubroom-floating-notify-main > a,
.clubroom-floating-buddy > span a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: Oswald, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.25;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--club-text) !important;
}

.clubroom-floating-notify-main .smalltext {
	margin-top: 3px;
	color: var(--club-text) !important;
	font-size: 10px;
	line-height: 1.5;
}

.clubroom-floating-wrap a {
	color: #BAB088 !important;
	text-decoration: none;
}

.clubroom-floating-wrap a:hover {
	color: #BAB088 !important;
	text-shadow: #9B783D 1px 0 5px;
	text-decoration: none;
}

.clubroom-floating-new {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.clubroom-floating-buddy > span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.clubroom-floating-buddy img,
.clubroom-floating-notify img {
	vertical-align: middle;
}

.clubroom-floating-wrap .profile-mini-note {
	color:  var(--club-text) !important;
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.6;
}

@media (max-width: 700px) {
	.clubroom-floating-wrap {
		top: 10px;
		right: 10px;
	}

	.clubroom-floating-panel {
		width: calc(100vw - 20px);
		max-width: none;
	}
}

.clubroom-wall-counter {
	margin-top: 5px;
	text-align: right;
	font-family: "Quicksand", monospace;
	font-size: 10px;
	line-height: 1.4;
	color: var(--club-text) !important;
	opacity: 0.72;
}

.clubroom-wall-counter span {
	color: var(--club-text) !important;
	font-weight: bold;
}

/* =================================================
	SCROLLBAR - MINDEN CLUBROOM FLOATING LISTÁHOZ
================================================= */

.clubroom-floating-notifications-scroll::-webkit-scrollbar,
.clubroom-floating-buddies-scroll::-webkit-scrollbar,
.clubroom-floating-links-scroll::-webkit-scrollbar {
	width: 7px;
}

.clubroom-floating-notifications-scroll::-webkit-scrollbar-track,
.clubroom-floating-buddies-scroll::-webkit-scrollbar-track,
.clubroom-floating-links-scroll::-webkit-scrollbar-track {
	background: var(--club-bg);
	border-radius: 999px;
}

.clubroom-floating-notifications-scroll::-webkit-scrollbar-thumb,
.clubroom-floating-buddies-scroll::-webkit-scrollbar-thumb,
.clubroom-floating-links-scroll::-webkit-scrollbar-thumb {
	background: var(--club-text);
	border-radius: 999px;
}

.clubroom-floating-notifications-scroll,
.clubroom-floating-buddies-scroll,
.clubroom-floating-links-scroll {
	scrollbar-width: thin;
	scrollbar-color: var(--club-text) var(--club-bg);
}

.clubroom-et-links {
	padding: 8px 0;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	font-family: "Quicksand", monospace;
	font-size: 11px;
	line-height: 1.7;
}

.clubroom-et-links span:first-child {
	display: block;
	margin-bottom: 3px;
	font-family: Oswald, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--club-text) !important;
}

/* SCROLL BLOKKOK - max 100px */

.clubroom-floating-links-scroll,
.clubroom-floating-notifications-scroll,
.clubroom-floating-buddies-scroll {
	max-height: 100px;
	overflow-y: auto;
	padding-right: 4px;
}

.clubroom-housepoints-wrap {
	margin: 0 0 18px 0;
}

.clubroom-houseglass {
	width: 100%;
	margin: 0 auto 18px auto;
}

.header-instant-login {
	display: flex;
	gap: 6px;
	align-items: center;
}

.header-instant-login input {
	width: 120px;
	padding: 7px 9px;
	border: 1px solid #5a4632;
	border-radius: 10px;
	background: #100a04;
	color: #BAB088;
	font-family: Quicksand, sans-serif;
	font-size: 12px;
}

.header-instant-login input::placeholder {
	color: #8f8464;
}

.header-instant-login button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 11px;
	border: 0;
	border-radius: 10px;
	background: #2e2017;
	color: #BAB088;
	font-family: Oswald, sans-serif;
	cursor: pointer;
}

.header-instant-login button:hover {
	color: #9B783D;
}

.modern-news-fader {
	position: relative;
	width: 900px;
	max-width: 100%;
	height: 150px;
	margin: 12px auto 22px;
	padding: 0 48px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: #BAB088;
}

.modern-news-content {
	position: relative;
	z-index: 2;
	width: 100%;
	min-width: 0;
	text-align: center;
	font-family: Quicksand, sans-serif;
	font-size: 15px;
	line-height: 1.7;
	letter-spacing: 0.02em;
	text-shadow:
		0 0 8px rgba(186, 176, 136, 0.25),
		0 0 18px rgba(155, 120, 61, 0.18);
}

.modern-news-content #smfFadeScroller {
	width: 100% !important;
	padding: 0 !important;
	color: #BAB088;
	text-align: center;
}

.modern-news-content b {
	font-weight: 600;
}

.modern-news-content a {
	color: #BAB088;
	text-decoration: none;
}

.modern-news-content a:hover {
	color: #9B783D;
	text-shadow:
		0 0 10px rgba(155, 120, 61, 0.35),
		0 0 22px rgba(155, 120, 61, 0.22);
}

/* magical drifting orbs */
.modern-news-fader::before,
.modern-news-fader::after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	pointer-events: none;
	background: rgba(186, 176, 136, 0.75);
	box-shadow:
		0 0 10px rgba(186, 176, 136, 0.75),
		0 0 24px rgba(155, 120, 61, 0.45),
		0 0 42px rgba(155, 120, 61, 0.22);
}

.modern-news-fader::before {
	left: 6%;
	top: 42%;
	animation: newsOrbLeft 9s ease-in-out infinite alternate;
}

.modern-news-fader::after {
	right: 7%;
	top: 50%;
	animation: newsOrbRight 11s ease-in-out infinite alternate;
}

.modern-news-content::before,
.modern-news-content::after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	pointer-events: none;
	background: rgba(155, 120, 61, 0.65);
	box-shadow:
		0 0 9px rgba(155, 120, 61, 0.7),
		0 0 20px rgba(186, 176, 136, 0.35);
}

.modern-news-content::before {
	left: 12%;
	top: -22px;
	animation: newsTinyOrbOne 7s ease-in-out infinite alternate;
}

.modern-news-content::after {
	right: 14%;
	bottom: -24px;
	animation: newsTinyOrbTwo 8.5s ease-in-out infinite alternate;
}

@keyframes newsOrbLeft {
	0% {
		transform: translate(0, 0) scale(0.8);
		opacity: 0.25;
	}
	35% {
		transform: translate(34px, -18px) scale(1.15);
		opacity: 0.85;
	}
	70% {
		transform: translate(76px, 16px) scale(0.9);
		opacity: 0.45;
	}
	100% {
		transform: translate(118px, -6px) scale(1.25);
		opacity: 0.7;
	}
}

@keyframes newsOrbRight {
	0% {
		transform: translate(0, 0) scale(1);
		opacity: 0.3;
	}
	40% {
		transform: translate(-42px, 20px) scale(0.75);
		opacity: 0.55;
	}
	75% {
		transform: translate(-92px, -14px) scale(1.2);
		opacity: 0.9;
	}
	100% {
		transform: translate(-132px, 8px) scale(0.9);
		opacity: 0.45;
	}
}

@keyframes newsTinyOrbOne {
	0% {
		transform: translate(0, 0);
		opacity: 0.2;
	}
	50% {
		transform: translate(28px, 20px);
		opacity: 0.7;
	}
	100% {
		transform: translate(64px, -4px);
		opacity: 0.35;
	}
}

@keyframes newsTinyOrbTwo {
	0% {
		transform: translate(0, 0);
		opacity: 0.25;
	}
	45% {
		transform: translate(-34px, -18px);
		opacity: 0.75;
	}
	100% {
		transform: translate(-76px, 8px);
		opacity: 0.4;
	}
}

.modern-news-content table td {
	padding: 0 6px;
}

/* * Copyright 2008-2009 by:	  WannaBeDie (http://wannabedie.deviantart.com) * */