@charset "utf-8";
/* =========================================================
   basic.css — Gesior 2012 compatibility layer
   ========================================================= */

/* Generic color helpers */
.white  { color: #ece6d8 !important; }
.green  { color: #5ee07a !important; }
.red    { color: #ff5a5a !important; }
.yellow { color: #ffd14a !important; }
.grey   { color: #807a6e !important; }
.orange { color: #ff9b3d !important; }
.blue   { color: #62a8ff !important; }

#content .BoxContent td .white  { color: #ece6d8 !important; }
#content .BoxContent td .whites { color: #ece6d8 !important; font-size: 13px; }
#content .BoxContent td .green  { color: #5ee07a !important; }
#content .BoxContent td .yellow { color: #ffd14a !important; }
#content .BoxContent td .red    { color: #ff5a5a !important; }
#content .BoxContent td .grey   { color: #807a6e !important; }
#content .BoxContent .white     { color: #ece6d8 !important; }

/* ============================================================
   PRZYCISKI — kompaktowe, ciemno-złote
   ============================================================ */

.BigButton, .BigButtonOver, .ButtonText {
	display: inline-block !important;
	background: linear-gradient(180deg, #9a7010, #6b4c08) !important;
	color: #f0d898 !important;
	font-family: 'Cinzel', Georgia, serif !important;
	font-weight: 600 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	font-size: 10px !important;
	padding: 4px 16px !important;
	min-height: 0 !important;
	height: auto !important;
	line-height: 1.6 !important;
	border: 1px solid #a8800f !important;
	border-radius: 4px !important;
	box-shadow: 0 1px 4px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,220,100,.12) !important;
	cursor: pointer !important;
	transition: all .15s ease !important;
	text-align: center !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.BigButton:hover, .BigButtonOver:hover, .ButtonText:hover {
	transform: translateY(-1px) !important;
	background: linear-gradient(180deg, #c49018, #9a7010) !important;
	box-shadow: 0 3px 8px rgba(160,100,10,.4) !important;
	color: #ffe8a0 !important;
}

.InnerTableButtonRow            { padding: 4px 2px !important; }
.InnerTableButtonRow td         { padding: 3px 4px !important; }
.InnerTableButtonRow table,
.InnerTableButtonRow td table   { width: auto !important; }

/* ============================================================
   NEWS STYLES (Gesior latestnews)
   ============================================================ */
#content #News .BoxContent,
#content #NewsTicker .BoxContent {
	padding: 14px 16px !important;
	min-height: auto !important;
	background: transparent !important;
}
#content #News .NewsHeadlineBackground {
	background: linear-gradient(180deg, rgba(212,160,23,.18), rgba(212,160,23,.03)) !important;
	border: 1px solid rgba(212,160,23,.25) !important;
	border-radius: 6px;
	height: auto !important;
	padding: 10px 12px;
	margin-bottom: 10px;
}
#content #News .NewsHeadlineIcon      { position: static !important; display: inline-block; margin-right: 8px; vertical-align: middle; }
#content #News .NewsHeadlineDate      { position: static !important; display: inline-block; color: #807a6e !important; font-size: 11px; letter-spacing: 1px; margin-right: 12px; width: auto !important; }
#content #News .NewsHeadlineText      { position: static !important; display: inline-block; font-family: 'Cinzel', Georgia, serif !important; color: #ffcc33 !important; font-weight: 700; letter-spacing: 1px; left: auto !important; top: auto !important; }

#content #NewsTicker .NewsTickerText                                { margin-left: 8px; }
#content #NewsTicker .NewsTickerDate                                { position: relative !important; color: #807a6e; padding-right: 10px; }
#content #NewsTicker .NewsTickerShortText,
#content #NewsTicker .NewsTickerFullText                            { margin-left: 0 !important; color: #ece6d8; }

/* ============================================================
   GENERIC FORM INPUTS
   ============================================================ */
input[type="text"], input[type="password"], input[type="email"], textarea, select {
	background: rgba(0,0,0,.4) !important;
	border: 1px solid rgba(212,160,23,.2) !important;
	color: #ece6d8 !important;
	padding: 4px 8px !important;
	border-radius: 3px !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 11px !important;
	outline: none;
	height: auto !important;
	min-height: 24px !important;
	max-width: 160px !important;
}
input[type="text"]:focus, input[type="password"]:focus,
input[type="email"]:focus, textarea:focus, select:focus {
	border-color: #d4a017 !important;
	box-shadow: 0 0 0 2px rgba(212,160,23,.15);
}

input[type="submit"], input[type="button"], button {
	background: linear-gradient(180deg, #9a7010, #6b4c08) !important;
	color: #f0d898 !important;
	border: 1px solid #a8800f !important;
	padding: 4px 14px !important;
	border-radius: 4px !important;
	font-family: 'Cinzel', Georgia, serif !important;
	font-weight: 600 !important;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-size: 10px !important;
	line-height: 1.6 !important;
	cursor: pointer;
	height: auto !important;
	min-height: 0 !important;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover {
	background: linear-gradient(180deg, #c49018, #9a7010) !important;
	color: #ffe8a0 !important;
}

img[src*="corner"], img[src*="border"] { display: none !important; }

/* ============================================================
   FIX: REMOVE RED GUILD BACKGROUNDS
   ============================================================ */
.most-powerful, .guilds, .top-guilds, .box-guilds, .guild-box,
#guilds, #top-guilds, #most-powerful,
[class*="powerful"], [class*="guild-top"], [id*="guild"] {
	background: transparent !important;
	background-color: transparent !important;
	border-color: rgba(212, 160, 23, 0.25) !important;
}
.most-powerful *, .guilds *, .top-guilds *, .box-guilds *,
#guilds *, #top-guilds *, #most-powerful * {
	background: transparent !important;
	background-color: transparent !important;
}

#News, #NewsTicker, .news-section, .news-box { background: transparent !important; }
#News .BoxContent, #NewsTicker .BoxContent    { background: transparent !important; }