/* METIN2 CLASSIC THEME v5.2 - Grymuar.pl */
/* Clean version - all fixes merged */
html { height:100%; min-width:930px; }
body { background:#000 url(../img/old/container-bg.jpg) repeat-y 50% 0; color:#160400; font:11px/14px Arial,Helvetica,sans-serif; height:100%; margin:0; min-width:930px; }
img { border:none; display:block; }
a { color:#f2e69f; text-decoration:none; }
a:focus { outline:none; }

/* PAGE */
#page { width:930px; margin:0 auto; min-height:100%; overflow:hidden; }

/* HEADER */
.header-wrapper { background:url(../img/old/header-bg.png) no-repeat 50% 0; height:253px; }
#header { height:230px; margin:0 auto; overflow:hidden; position:relative; width:930px; }
.header-box { margin:132px 0 0 199px; overflow:hidden; width:534px; }
#regBtn { background:url(../img/old/reg-btn.jpg) no-repeat; height:92px; margin:0 auto; width:533px; cursor:pointer; }
#regBtn.reg-hover { background-position:0 -92px; }
#regBtn.reg-hover a { color:#fff; }
#regBtn a#toReg { color:#f2e69f; display:block; font-size:22px; font-weight:bold; height:72px; line-height:72px; padding:0 0 0 100px; text-align:left; text-decoration:none; text-shadow:2px 2px 5px #000; width:433px; }
#regSteps { height:20px; text-align:center; }
#regSteps a { color:#f2e69f; font-weight:bold; text-decoration:none; }
#regSteps a:hover { color:#fff; }
#regSteps span { font-size:12px; margin:0 15px; }

/* CONTAINER */
.container-wrapper { background:url(../img/old/container-bg-top.jpg) no-repeat 50% 0; float:left; padding:0 0 100px; width:100%; }
.container { margin:0 auto; position:relative; width:930px; }

/* COLUMNS */
.col-1 { display:inline; float:left; margin:-64px 0 0 11px; position:relative; width:157px; }
.col-3 { display:inline; float:right; margin:-64px 9px 0 0; overflow:hidden; position:relative; width:157px; z-index:10; }
.col-2 { float:left; display:inline; margin:33px 0 0 46px; width:507px; overflow:hidden; }
.col-2 a:not(.btn) { color:#7b1300; text-decoration:none; }

/* BOX DECORATIONS */
.boxes-top { background:url(../img/old/box-top-1.jpg) no-repeat; height:23px; width:157px; font-size:0; line-height:0; }
.col-3 .boxes-top { background-image:url(../img/old/box-top-2.jpg); }
.boxes-bottom { background:url(../img/old/box-bottom.png) no-repeat; height:48px; margin:0 0 0 4px; width:150px; font-size:0; line-height:0; }
.boxes-middle { background:url(../img/old/box-middle.png) no-repeat; height:32px; margin:0 0 0 12px; width:134px; font-size:0; line-height:0; }

/* MODULE BOXES */
.modul-box { background:url(../img/old/modul-box-bg.jpg) repeat-y; width:157px; }
.modul-box .modul-box-bg { background:url(../img/old/modul-box-top.jpg) no-repeat; }
.modul-box-2 .modul-box-bg { background:url(../img/old/modul-box-top-2.jpg) no-repeat; }
.modul-box .modul-box-bg-bottom { background:url(../img/old/modul-box-bottom.jpg) no-repeat 0 100%; min-height:132px; overflow:hidden; padding:0 0 5px; width:157px; }

/* NAVIGATION */
.main-nav { margin:24px 0 0; padding:0 0 16px; list-style:none; }
.main-nav li { list-style:none; padding:0 0 5px; }
.main-nav li a, .modul-box h3 { background:url(../img/old/main-mav-bg.gif) no-repeat; color:#fef6aa; display:block; font-weight:bold; font-size:12px; height:26px; line-height:15px; overflow:hidden; padding:8px 0 0; text-align:center; text-decoration:none; width:157px; }
.modul-box h3 { margin:24px 0 0; }
.main-nav li a:hover, .main-nav li a.active { background-position:0 -34px; color:#fffde8; }

/* DOWNLOAD BUTTON */
a.download-btn,
.download-btn { background:url(../img/old/nav-download-btn.jpg) no-repeat !important; width:130px !important; height:68px !important; display:block !important; margin:4px 0 9px 14px !important; padding:0 !important; text-indent:-9999px; border:none !important; line-height:0 !important; font-size:0 !important; }
a.download-btn:hover,
.download-btn:hover { filter:brightness(1.2); text-decoration:none !important; }

/* LOGIN FORM */
.form-login { margin:6px auto 0 auto; overflow:hidden; padding:0 0 12px; width:129px; }
.form-login label { color:#4a1e00; font-size:11px; line-height:14px; text-shadow:none; text-align:left; display:block; padding-left:2px; }
.form-login .input { background:url(../img/old/input-bg-4.gif) no-repeat; height:18px; margin:2px auto 6px auto; padding:0 0 4px; width:129px; }
.form-login .input input { border:none; background:none; font:11px/13px Arial,Helvetica,sans-serif; margin:1px 0 0 4px; width:121px; color:#000; outline:none; max-width:121px; height:16px; padding:0; }

/* OM2 BUTTONS */
.btn { background:url(../img/old/button-bg-2.gif) no-repeat; color:#DFBF8B; display:block; font-size:10px; font-weight:bold; height:17px; line-height:12px; margin:4px 0 0; padding:3px 14px 0 0; text-align:center; text-decoration:none; width:130px; border:none; }
.btn:hover { text-decoration:underline; }
.btn-login { background:url(../img/old/button-bg-2.gif) no-repeat !important; border:none !important; margin:6px auto 0 auto !important; padding:3px 0 4px 0 !important; width:129px !important; color:#DFBF8B; font-size:10px; font-weight:bold; height:20px; line-height:12px; text-align:center; cursor:pointer; display:block !important; float:none !important; }
.btn-login:hover { text-decoration:underline !important; }
.form-score .btn { background:url(../img/old/button-bg-3.gif) no-repeat; color:#dfbf8b; margin-left:2px; }
.read_more .btn, .content .btn { float:right; }
.password { color:#58220E; display:block; font-size:9px; line-height:11px; margin:3px auto; text-align:center; text-decoration:none; width:129px; }
.password:hover { text-decoration:underline; }
.agbok { color:#775555; display:block; font-size:9px; margin:4px auto; text-align:center; text-decoration:none; width:129px; }
.btn-small { display:inline-flex; align-items:center; justify-content:center; padding:4px 12px; background:linear-gradient(180deg,#5b2a18,#2d150a); border:1px solid #7b4a2a; border-radius:2px; color:#f2e69f; font-size:10px; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px 2px #000; cursor:pointer; }
.btn-small:hover { background:linear-gradient(180deg,#7b3a28,#4d2514); color:#ffe5a0; text-decoration:none; }

/* USER PANEL */
.logout-btn { background:none; border:none; color:#d4af37; cursor:pointer; padding:4px 5px; font-size:11px; display:block; width:100%; text-align:center; border-bottom:1px solid rgba(120,80,40,0.15); font-family:inherit; text-shadow:1px 1px 2px #000; }
.logout-btn:hover { color:#ffe5a0; }
.user-links { text-align:center; padding:6px 10px; }
.user-links a { display:block; padding:3px 4px; color:#d4af37; font-size:10px; text-shadow:1px 1px 2px #000; border-bottom:1px solid rgba(120,80,40,0.15); }
.user-links a:hover { color:#ffe5a0; background:rgba(120,80,40,0.15); text-decoration:none; }
.user-links a i { margin-right:3px; }
.have-sm { color:#f2e69f; font-weight:bold; margin-bottom:6px; padding:5px; background:rgba(0,0,0,0.25); border-radius:2px; font-size:10px; text-shadow:1px 1px 2px #000; }

/* HIGHSCORE / RANKING SIDEBAR */
.form-score { margin:5px 0 0 10px; padding:0 0 20px; }
.form-score select { margin:5px 0 0; }
.form-score ul { margin:3px 1px 0 0; padding:0 0 1px; list-style:none; }
.form-score ul li { color:#4a1e00; font-size:11px; line-height:16px; list-style:none; padding:3px 0 3px 9px; position:relative; min-height:16px; white-space:nowrap; }
.form-score ul li.light { background:url(../img/old/shadow.gif) no-repeat; }
.form-score ul li strong { color:#8d0404; margin:0 2px 0 0; }
.form-score ul li a { color:#4a1e00; margin:0 0 0 2px; text-decoration:none; }
.form-score ul li a.first { color:#943b00; }
.form-score ul li a:hover { text-decoration:underline; }
.form-score .btn { padding:3px 14px 0 0; font-size:10px; margin-top:5px; }
.form-score h4 { margin:10px 0 0; }
.form-score div[align="left"] { text-align:center; }
.form-score div[align="left"] .btn { margin:4px auto 0 auto; }

/* Empire/level positioning */
.top_lvl { position:absolute; right:4px; top:3px; font-size:10px; color:#4a1e00; }
.top_emp { position:absolute; right:22px; top:2px; }
.top_emp_guild { position:absolute; right:22px; top:2px; }
.top_emp img, .top_emp_guild img { width:18px; height:auto; display:inline-block; }

/* STATISTICS */
.statistics .form-score { width:auto; text-align:center; margin:5px auto 0 auto; padding:0 8px 10px; }
.statistics .form-score ul { margin:3px 0; }
.statistics .form-score ul li { text-align:center; padding:2px 4px; }

/* CONTENT BOXES (news) */
.content { background:url(../img/old/content-box-bg.jpg) repeat-y !important; margin:0; width:507px; }
.content .content-bg { background:url(../img/old/content-box-top.jpg) no-repeat; }
.content .content-bg-bottom { background:url(../img/old/content-box-bottom.jpg) no-repeat 0 100%; overflow:hidden; padding:0 0 15px 10px; width:481px; }
.content h2 { background:url(../img/old/heading-3.jpg) no-repeat; color:#7b1300; font-size:14px; font-weight:bold; line-height:17px; margin:11px 0 0; padding:7px 0 7px 33px; }
.content h2 a { color:#7b1300; text-decoration:none; }
.content h2 a:hover { text-decoration:underline; }
.shadow { background:url(../img/old/shadow-2.png) no-repeat; height:5px; overflow:hidden; width:507px; }
.inner-content { margin:5px 10px 0 6px; }
.inner-content p { color:#160400; font-size:11px; line-height:16px; margin:0; padding:0 0 7px; text-align:justify; }
.inner-content h3 { background:url(../img/old/heading-3.jpg) no-repeat; color:#7b1300; font-size:12px; font-weight:bold; line-height:17px; margin:5px 0 0; padding:6px 0 5px 33px; }
.inner-content ul { margin:5px 0 0 5px; padding:0 0 10px; }
.inner-content ul li { color:#160400; font-size:11px; list-style:none; margin:0; padding:0 0 3px 10px; }
.news-time { color:#8b7050; font-size:11px; float:right; margin-right:5px; }
.read_more { text-align:right; padding:5px 15px 0 0; }
.banner img { margin:10px 0; max-width:100%; }

/* TABLES */
.table-bordered { width:100%; text-align:center; border-collapse:collapse; color:#4a1e00; font-size:11px; margin:6px 0; }
.table-bordered th { background:#d4b896; color:#4a1e00; padding:5px 3px; text-transform:uppercase; font-size:10px; letter-spacing:1px; border:1px solid #997c47; }
.table-bordered td { padding:4px 3px; border:1px solid #c9b68a; }
.table-bordered tr:nth-child(odd) td { background:#f5ead0; }
.table-bordered tr:nth-child(even) td { background:#e8dcc0; }
.table-bordered a { color:#7b1300; }
.table-bordered a:hover { color:#943b00; }

/* PAGINATION */
.pagination { display:flex; align-items:center; justify-content:center; list-style:none; padding:10px 0; margin:0; gap:3px; }
.pagination a, .pagination-list a { display:flex; align-items:center; justify-content:center; width:26px; height:24px; background:linear-gradient(180deg,#4a2a18,#2a1508); border:1px solid rgba(120,80,40,0.4); border-radius:2px; color:#d4af37; font-size:10px; font-weight:bold; }
.pagination a:hover, .pagination-list a:hover { background:linear-gradient(180deg,#6b3a28,#4a2518); color:#ffe5a0; text-decoration:none; }
.pagination a.active, .pagination-list a.active { background:linear-gradient(180deg,#8b4a30,#5d2f14); border-color:#d4af37; color:#ffe5a0; }
.pagination-list { display:flex; gap:2px; list-style:none; padding:0; margin:0; }
.pagi_left, .pagi_right { display:flex; align-items:center; justify-content:center; width:26px; height:24px; background:linear-gradient(180deg,#4a2a18,#2a1508); border:1px solid rgba(120,80,40,0.4); border-radius:2px; color:#d4af37; font-size:12px; cursor:pointer; float:none; margin:0; }

/* GLOBAL INPUTS */
input[type="text"], input[type="password"], input[type="email"] { max-width:280px; height:28px; padding:0 8px; background:#1a0e08; border:1px solid #5a3a20; border-radius:1px; color:#d4c4a0; font-size:11px; font-family:inherit; outline:none; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus { border-color:#d4af37; }
::placeholder { color:#6a5a40; font-style:italic; font-size:10px; }
label { display:block; color:#d4af37; font-size:11px; margin-bottom:2px; text-shadow:1px 1px 2px #000; }

/* ALERTS */
.alert { background:rgba(100,50,30,0.5); color:#d4af37; padding:8px 10px; margin:6px 0; border:1px solid rgba(180,120,60,0.3); border-radius:2px; font-size:11px; }

/* FOOTER */
footer { width:930px; margin:20px auto 0; background:url(../img/old/footer-bg.png) no-repeat 50% bottom; background-size:930px auto; padding:20px 0 12px; text-align:center; min-height:140px; position:relative; z-index:1; clear:both; }
.footer__menu { display:none; }
.footer__socials { padding:6px 0; }
.footer__socials a { display:inline-block; margin:0 5px; }
.footer__socials a:hover { filter:brightness(1.3); }
.footer__socials a img { width:22px; height:22px; display:inline-block; }
.footer__copyright { color:#6a5a40; font-size:10px; padding:6px 0; }

/* BADGES & COMPAT */
.label-success { color:#4CAF50; }
.label-danger { color:#f44336; }
.label-info { color:#b89060; }
.col-2 form { max-width:100%; }
.col-2 .g-recaptcha { transform:scale(0.75); transform-origin:center; }
.main__page form { max-width:100%; }
.main__page .g-recaptcha { transform:scale(0.75); transform-origin:center; }
.main__page button[type="submit"] { display:inline-flex; align-items:center; justify-content:center; padding:5px 14px; background:linear-gradient(180deg,#6b3a20,#3d1f10); border:1px solid #8b5a3a; border-radius:2px; color:#f2e69f; font-size:11px; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px 2px #000; cursor:pointer; font-family:inherit; }
.main__page button[type="submit"]:hover { background:linear-gradient(180deg,#8b4a30,#5d2f14); color:#ffe5a0; }
.main__page a { color:#d4af37; }
.main__page a:hover { color:#ffe5a0; }
.btn-chars, .btn-guilds { display:inline-flex; align-items:center; justify-content:center; padding:4px 10px; background:linear-gradient(180deg,#6b3a20,#3d1f10); border:1px solid #8b5a3a; border-radius:2px; color:#f2e69f; font-size:10px; font-weight:bold; text-transform:uppercase; cursor:pointer; margin:3px; }
.btn-chars:hover, .btn-guilds:hover { background:linear-gradient(180deg,#8b4a30,#5d2f14); color:#ffe5a0; text-decoration:none; }
.btn-ranks-gl { display:inline-block; padding:4px 10px; background:linear-gradient(180deg,#6b3a20,#3d1f10); border:1px solid #8b5a3a; border-radius:2px; color:#f2e69f; font-size:10px; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px 2px #000; cursor:pointer; text-decoration:none; }
.btn-ranks-gl:hover { background:linear-gradient(180deg,#8b4a30,#5d2f14); color:#ffe5a0; }
input[type="checkbox"] { accent-color:#d4af37; }
.option-rank { display:flex; align-items:center; justify-content:center; gap:6px; margin:6px 0; }
.paginations-guilds, .paginations-chars { display:flex; justify-content:center; list-style:none; padding:6px 0; margin:0; }
.form-group { text-align:center; margin-bottom:6px; }
center { text-align:center; display:block; }
.pull-right { float:right; }
.noselect { -webkit-user-select:none; user-select:none; }
.news-title { color:#7b1300; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; padding:6px 0 5px; margin:6px 0 3px; border-bottom:1px solid rgba(160,100,50,0.25); }
.news-content { color:#160400; font-size:11px; line-height:1.5; padding:6px 0; }

/* === RANKING COMPACT LIKE OM2 === */
.col-3 .form-score { margin:2px 0 0 6px; padding:0 0 5px; }
.col-3 .form-score ul { margin:0; padding:0; }
.col-3 .form-score ul li { padding:1px 0 1px 6px !important; min-height:14px !important; line-height:14px !important; font-size:10px !important; }
.col-3 .form-score ul li strong { font-size:10px; }
.col-3 .form-score ul li a.first { font-size:10px; }
.col-3 .top_emp, .col-3 .top_emp_guild { top:0px !important; right:20px !important; }
.col-3 .top_emp img, .col-3 .top_emp_guild img { width:16px !important; }
.col-3 .top_lvl { top:1px !important; right:3px !important; font-size:10px !important; }
.col-3 .modul-box-bg-bottom { min-height:auto !important; padding:0 0 3px !important; }
.col-3 .form-score div[align="left"] .btn { margin:2px auto 0 auto; }
.col-3 h3 { margin:16px 0 0 !important; }

/* === RANKING OM2 SPACING - CORRECTED === */
.col-3 .form-score { margin:4px 0 0 8px !important; padding:0 0 10px !important; }
.col-3 .form-score ul { margin:2px 0 0 0 !important; }
.col-3 .form-score ul li { padding:2px 0 2px 8px !important; min-height:16px !important; line-height:16px !important; font-size:11px !important; }
.col-3 .modul-box-bg-bottom { min-height:60px !important; padding:0 0 5px !important; }
.col-3 .top_emp, .col-3 .top_emp_guild { top:1px !important; right:22px !important; }
.col-3 .top_emp img, .col-3 .top_emp_guild img { width:18px !important; }
.col-3 .top_lvl { top:2px !important; right:4px !important; font-size:10px !important; }
.col-3 h3 { margin:20px 0 0 !important; }

/* === RANKING FLAG + LEVEL FIX === */
.col-3 .top_emp, .col-3 .top_emp_guild {
    position: absolute !important;
    right: auto !important;
    left: 90px !important;
    top: 1px !important;
}
.col-3 .top_emp img, .col-3 .top_emp_guild img {
    width: 18px !important;
    vertical-align: middle !important;
}
.col-3 .top_lvl {
    position: absolute !important;
    right: 6px !important;
    top: 2px !important;
    font-size: 10px !important;
}

/* === RANKING EXACT OM2 VALUES === */
.col-3 .form-score { margin:5px 0 0 10px !important; padding:0 0 10px !important; }
.col-3 .form-score ul { margin:0px 1px 0 0 !important; padding:0 0 1px !important; }
.col-3 .form-score ul li { padding:2px 0 2px 9px !important; line-height:14px !important; font-size:11px !important; min-height:auto !important; position:relative !important; }
.col-3 .form-score ul li.light { padding:3px 0 3px 9px !important; }
.col-3 .top_emp { right:38px !important; left:auto !important; position:absolute !important; top:auto !important; }
.col-3 .top_emp_guild { right:34px !important; left:auto !important; position:absolute !important; top:auto !important; }
.col-3 .top_lvl { right:16px !important; position:absolute !important; top:auto !important; font-size:11px !important; }
.col-3 .top_emp img, .col-3 .top_emp_guild img { width:22px !important; display:inline-block !important; }
.col-3 .modul-box-bg-bottom { min-height:auto !important; }
.col-3 h3 { margin:24px 0 0 !important; }

/* === FOOTER OM2 STYLE === */
footer {
    width: 930px !important;
    margin: 0 auto !important;
    background: linear-gradient(180deg, #1a0a04, #3a0a04 30%, #5a1010 50%, #3a0a04 70%, #1a0a04) !important;
    border-top: 3px solid #8b2020;
    padding: 15px 0 12px !important;
    text-align: center !important;
    min-height: auto !important;
    clear: both;
}
.footer__socials {
    padding: 8px 0 10px !important;
}
.footer__socials a.social-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #6b1515;
    border: 1px solid #8b2020;
    border-radius: 3px;
    margin: 0 4px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
}
.footer__socials a.social-icon:hover {
    background: #8b2525;
    filter: none;
}
.footer__socials a.social-icon img {
    width: 22px !important;
    height: 22px !important;
    display: inline-block !important;
    vertical-align: middle;
    margin-top: 6px;
}
.footer__links {
    padding: 6px 0;
    font-size: 11px;
}
.footer__links a {
    color: #cdb78b;
    text-decoration: none;
    margin: 0 4px;
}
.footer__links a:hover {
    color: #fff;
    text-decoration: underline;
}
.footer__copyright {
    color: #8b7050 !important;
    font-size: 10px !important;
    padding: 4px 0 !important;
}
.footer__menu { display: none !important; }

/* === FOOTER BOTTOM FIX === */
footer {
    position: relative !important;
    z-index: 100 !important;
    margin-top: -20px !important;
}
/* Ukryj pergamin pod footerem */
.container-wrapper {
    padding-bottom: 0 !important;
}
#page {
    overflow: visible !important;
    padding-bottom: 0 !important;
}
/* Footer links row */
.footer__links {
    background: rgba(0,0,0,0.4);
    padding: 8px 0 !important;
    margin-top: 8px;
    border-top: 1px solid #5a2020;
}
/* Social icons in red squares */
.footer__socials a.social-icon {
    background: #7b1515 !important;
    border: 2px solid #9b2020 !important;
    border-radius: 2px !important;
    width: 34px !important;
    height: 34px !important;
}
/* No content below footer */
body { background:#000 url(../img/old/container-bg.jpg) repeat-y 50% 0; color:#160400; font:11px/14px Arial,Helvetica,sans-serif; height:100%; margin:0; min-width:930px; }










/* === HEADER FULL WIDTH FIX === */
.header-wrapper {
    width: 100vw !important;
    margin-left: calc(-50vw + 465px) !important;
    background-size: auto !important;
}