/* Hangar2 - eski Metin2 temasının yerleşim ve marka ayarları.
   Tema CSS'inden (reset.css, all.css, plugins.css) SONRA yüklenir; yalnızca onların üstüne yazar.
   CSP: yalnızca 'self' stil. Satır içi stil, harici font ya da CDN yoktur.
   Görsel yolları bu dosyanın konumuna göredir (assets/eski/img/...).
   Marka: Metin2 / Gameforge logoları gösterilmez. Başlık ve alt bilgi arka planları, logo plakası
   temizlenmiş kopyalardır (hangar-header-bg.jpg, hangar-footer-bg.png); plakanın üstüne sunucu adı
   yazı olarak basılır. */

/* --- Arka planlar: logosuz kopyalar --- */
.header-wrapper { background: url(img/hangar-header-bg.jpg) no-repeat 50% 0; }
.footer-wrapper { background: url(img/hangar-footer-bg.png) no-repeat 50% 0; }

/* --- Yazı logosu (üst plaka) --- */
a.hg-logo {
	position: absolute;
	left: 335px;
	top: 0;
	width: 260px;
	height: 64px;
	display: block;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	z-index: 2;
}
a.hg-logo span,
a.hg-alt-logo {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 1px;
	white-space: nowrap;
	color: #f6d36a;
	text-shadow: 0 2px 0 #5a2c04, 0 0 6px rgba(0, 0, 0, .55);
}
a.hg-logo span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 40px;
	line-height: 62px;
}
a.hg-logo.hg-logo-uzun span { font-size: 30px; }
a.hg-logo.hg-logo-cok-uzun span { font-size: 22px; }
a.hg-logo.hg-logo-asiri span { font-size: 16px; }

/* --- Yazı logosu (alt plaka); ölçüleri eski gameforge4d bağlantısıyla aynı --- */
a.hg-alt-logo {
	display: block;
	width: 128px;
	height: 35px;
	margin: 71px 0 0 400px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	font-size: 23px;
	line-height: 35px;
	text-overflow: ellipsis;
}
a.hg-alt-logo.hg-logo-uzun { font-size: 17px; }
a.hg-alt-logo.hg-logo-cok-uzun { font-size: 13px; }
a.hg-alt-logo.hg-logo-asiri { font-size: 10px; }

/* Altın degrade yazı (destekleyen tarayıcılarda); desteklemeyenlerde düz altın renk kalır. */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
	a.hg-logo span,
	a.hg-alt-logo {
		background: linear-gradient(#fff7cf 0%, #f8d466 48%, #c27d1c 100%);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
		text-shadow: none;
		filter: drop-shadow(0 2px 0 #4a2200) drop-shadow(0 0 4px rgba(0, 0, 0, .6));
	}
	a.hg-logo:hover span,
	a.hg-alt-logo:hover {
		filter: drop-shadow(0 2px 0 #4a2200) drop-shadow(0 0 8px rgba(255, 220, 120, .75));
	}
}

/* --- Üst başlık: kayıt düğmesi ve girişli kullanıcı düğmeleri --- */
#regBtn:hover { background-position: 0 -92px; }
#regBtn a#toReg { white-space: nowrap; }
.hg-ust-menu { margin: 22px 0 0 15px; }
form.hg-satir-form { display: inline; margin: 0; padding: 0; }

/* <button> olarak yazılan düğmeler (POST + CSRF formları), temanın <a> düğmeleriyle aynı ölçüde olsun */
button.nav-box-btn,
button.btn,
.main-nav li button.hg-menu-btn {
	border: 0;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	box-sizing: content-box;
	-webkit-appearance: none;
	appearance: none;
}
button.nav-box-btn {
	display: block;
	float: left;
	font-size: 11px;
	line-height: 14px;
}
button.btn {
	display: block;
	font-weight: bold;
}
.button { font-family: Arial, Helvetica, sans-serif; line-height: 14px; }

/* --- Sol menü --- */
.main-nav li button.hg-menu-btn {
	display: block;
	width: 157px;
	height: 26px;
	padding: 8px 0 0;
	background-image: url(img/main-mav-bg.gif);
	background-repeat: no-repeat;
	color: #fef6aa;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	text-align: center;
	overflow: hidden;
}
.main-nav li button.hg-menu-btn:hover { background-position: 0 -34px; color: #fffde8; }
.hg-nav-tek { padding-bottom: 0; }
a.hg-indir-btn {
	display: block;
	width: 130px;
	height: 68px;
	margin: 4px 0 9px 14px;
	background: url(img/nav-download-btn.jpg) no-repeat;
}
a.hg-indir-btn:hover { filter: brightness(1.15); }

/* Ekran okuyucuya açık, gözle görünmeyen metin */
.hg-gizli {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* --- Sağ sütun: hesap kutusu, giriş formu, ilk 5 oyuncu --- */
.modul-box .btn { margin: 4px auto 0; }
.hg-hesap {
	margin: 8px 10px 0;
	text-align: center;
	color: #4a1e00;
	font-size: 11px;
	line-height: 14px;
}
.hg-hesap p { margin: 0 0 6px; }
.hg-hesap .btn { margin: 6px auto 0; }
.hg-hesap .hg-satir-form { display: block; }
.hg-orta { margin: 8px 0 0; text-align: center; }
.hg-mini-giris .form-login .input input { color: #3a1500; }

.form-score ol.hg-top { margin: 6px 6px 4px -4px; padding: 0; }
.hg-top li {
	display: flex;
	align-items: center;
	gap: 3px;
	padding: 3px 2px 3px 4px;
	color: #4a1e00;
	font-size: 11px;
	line-height: 14px;
	list-style: none;
}
.hg-top li:nth-child(odd) { background: url(img/light_gf.gif) no-repeat; }
.hg-top .hg-no {
	flex: 0 0 12px;
	text-align: right;
	color: #8d0404;
	font-weight: bold;
}
.hg-top a.hg-ad {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #6a3e00;
	text-decoration: none;
}
.hg-top a.hg-ad:hover { text-decoration: underline; }
.hg-top .hg-sv {
	flex: 0 0 auto;
	color: #8d0404;
	font-size: 10px;
	font-weight: bold;
}
.hg-bos {
	margin: 6px 10px 10px 4px;
	color: #775555;
	font-size: 10px;
	line-height: 13px;
	text-align: center;
}

/* İmparatorluk bayrakları (23x14). Sağ sütun ve sayfalar ortak kullanır: <span class="hg-bayrak hg-bayrak-1"></span> */
.hg-bayrak {
	display: inline-block;
	flex: 0 0 23px;
	width: 23px;
	height: 14px;
	vertical-align: middle;
	background: no-repeat 0 0;
}
.hg-bayrak-1 { background-image: url(img/1_s.png); }
.hg-bayrak-2 { background-image: url(img/2_s.png); }
.hg-bayrak-3 { background-image: url(img/3_s.png); }

/* --- Orta sütun: bildirim şeridi (içerik kutusunun üstü) --- */
.hg-bildirimler { width: 507px; margin: 0 0 8px; }

/* --- Klavye odağı: hem koyu hem açık zeminde görünür çift halka --- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid #fff3b0;
	outline-offset: 0;
	box-shadow: 0 0 0 4px rgba(60, 10, 0, .8);
}

/* --- Temanın kullanılmayan eklenti kurallarındaki kırık görsel yollarını etkisiz kıl ---
   (plugins.css / all.css: info.html, navigator.html, bg_select_dark.html, ico-plus.gif dosyaları temada yok.
    Bu seçiciler sayfalarımızda kullanılmaz; yine de kırık adres istenmesin.) */
.valid .icon,
.navi a,
.darksel .center,
#download a#requirements { background-image: none; }