/* XAYN - menu z zakladkami (jak tibia.com), wybor jezyka, sekcja "O serwerze" */
.xbar{padding-top:4px;padding-bottom:4px}
.xlsw{display:flex;gap:6px;align-items:center;margin-left:4px}
.xlf{display:block;width:30px;height:20px;border:2px solid transparent;border-radius:3px;overflow:hidden;padding:0;opacity:.6;line-height:0}
.xlf:hover{opacity:1}
.xlf.act{opacity:1;border-color:var(--ember)}
.xlf .fl,.xlf svg{display:block;width:100%;height:100%}
.xtoplinks a.xlf{padding:0;border:2px solid transparent;border-radius:3px}
.xtoplinks a.xlf.act{border-color:var(--ember)}

.xnav{background:linear-gradient(180deg,#2a1208,#180b06);border-top:1px solid var(--line);border-bottom:2px solid var(--blood)}
.xtabs{list-style:none;margin:0;padding:0;display:flex;gap:2px;flex-wrap:wrap}
.xdd{position:relative}
.xtab{background:transparent;border:0;border-radius:0;color:var(--text);font-family:'Cinzel',serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px;padding:12px 20px;cursor:pointer}
.xtab:after{content:"";display:inline-block;margin-left:8px;border:4px solid transparent;border-top-color:var(--ember);vertical-align:-2px}
.xdd:hover>.xtab,.xdd.open>.xtab{background:linear-gradient(180deg,var(--fire),var(--blood));color:#fff6e6}
.xdrop{display:none;position:absolute;left:0;top:100%;min-width:220px;background:var(--s1);border:1px solid var(--ember);border-top:0;border-radius:0 0 8px 8px;box-shadow:0 12px 30px rgba(0,0,0,.7);z-index:60;padding:6px 0}
.xdd:hover>.xdrop,.xdd.open>.xdrop{display:block}
.xdrop a{display:block;padding:8px 18px;color:var(--text);font-weight:400;border-left:3px solid transparent;white-space:nowrap}
.xdrop a:hover{background:var(--s2);color:var(--gold);border-left-color:var(--fire)}

.xgrid{grid-template-columns:minmax(0,1fr) 270px}
.xabout{padding:8px 0 4px;border-bottom:1px solid var(--line)}
.xabout h2{font-family:'Cinzel',serif;color:var(--ember);letter-spacing:.1em;text-transform:uppercase;font-size:18px;margin:22px 0 12px}
.xfeat{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.xf{background:var(--s1);border:1px solid var(--line);border-radius:8px;padding:14px 16px}
.xf:hover{border-color:var(--fire)}
.xf h3{margin:0 0 4px;font-family:'Cinzel',serif;font-size:15px;color:var(--gold)}
.xf p{margin:0;color:var(--muted);font-size:14px}
.xsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;counter-reset:s}
.xsteps li{counter-increment:s;display:flex;align-items:center;gap:12px;background:var(--s1);border:1px solid var(--line);border-radius:8px;padding:12px 16px}
.xsteps li:before{content:counter(s);flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,var(--fire),var(--blood));color:#fff6e6;font-family:'Cinzel',serif;font-weight:800;display:grid;place-items:center}
.xmore{margin:12px 0 18px}

/* ekran wyboru jezyka */
#xlang-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;overflow:auto;
 background:radial-gradient(ellipse at 50% 20%,rgba(210,85,26,.45),rgba(9,6,5,.97) 65%),#090605}
.xlg-box{text-align:center;max-width:720px;width:100%}
.xlg-logo{width:min(150px,40vw);filter:drop-shadow(0 0 36px rgba(232,163,61,.5))}
.xlg-box h2{margin:4px 0;font-family:'Cinzel',serif;font-weight:800;letter-spacing:.2em;font-size:clamp(28px,6vw,44px);color:var(--gold);text-shadow:0 0 24px rgba(210,85,26,.7)}
.xlg-t{color:var(--muted);margin:0 0 20px}
.xlg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.xlg-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;background:rgba(21,15,12,.9);border:1px solid var(--line);border-radius:10px;color:var(--text)}
.xlg-card:hover{border-color:var(--ember);box-shadow:0 0 24px rgba(210,85,26,.45);color:var(--gold)}
.xlg-card .fl{display:block;width:84px;height:56px;border-radius:4px;overflow:hidden;border:1px solid var(--line)}
.xlg-card .fl svg{display:block;width:100%;height:100%}
.xlg-card b{font-family:'Cinzel',serif;letter-spacing:.06em}

@media (max-width:980px){
 .xgrid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
 .xtabs{flex-direction:column;gap:0}
 .xtab{width:100%;text-align:left;border-top:1px solid var(--line)}
 .xdrop{position:static;border:0;box-shadow:none;border-radius:0;background:#100a07}
 .xdd:hover>.xdrop{display:none}
 .xdd.open>.xdrop{display:block}
 .xdd:hover>.xtab{background:transparent;color:var(--text)}
 .xdd.open>.xtab{background:linear-gradient(180deg,var(--fire),var(--blood));color:#fff6e6}
 .xdrop a{white-space:normal}
}

/* ---- czytelnosc tabel MyAAC (stare tlo bgcolor z szablonu tibia.com) ---- */
.Content table[bgcolor],.Content tr[bgcolor],.Content td[bgcolor],.Content th[bgcolor]{background-color:var(--s1) !important;color:var(--text) !important}
.Content [bgcolor="#F1E0C6" i],.Content [bgcolor="#f1e0c6" i]{background-color:var(--s1) !important}
.Content [bgcolor="#D4C0A1" i],.Content [bgcolor="#d4c0a1" i]{background-color:var(--s2) !important}
.Content [bgcolor="#505050" i],.Content [bgcolor="#333333" i],.Content [bgcolor="#999999" i]{background-color:#2a1810 !important;color:var(--ember) !important}
.Content [bgcolor="#FFFFFF" i],.Content [bgcolor="white" i]{background-color:var(--s1) !important}
.Content td,.Content th,.Content p,.Content li,.Content font,.Content span,.Content label,.Content b{color:var(--text)}
.Content a,.Content a font{color:var(--ember) !important}
.Content a:hover{color:var(--gold) !important}
.Content font[color="white" i],.Content font[color="#FFFFFF" i]{color:var(--ember) !important}
.Content [style*="background-color:#F1E0C6" i],.Content [style*="background-color: #F1E0C6" i],.Content [style*="background:#F1E0C6" i]{background:var(--s1) !important}
.Content [style*="background-color:#D4C0A1" i],.Content [style*="background-color: #D4C0A1" i],.Content [style*="background:#D4C0A1" i]{background:var(--s2) !important}
.Content .Odd,.Content tr.Odd td,.Content .Odd td{background-color:var(--s1) !important}
.Content .Even,.Content tr.Even td,.Content .Even td{background-color:var(--s2) !important}
.Content .LabelH td,.Content tr.LabelH td{color:var(--ember) !important}
.Content table{border-color:var(--line)}
.Content td{border-color:var(--line)}
.Content .BigButton,.Content input[type=submit]{filter:none}
.Content img.BigButton,.Content .BigButtonOver{filter:none}
.Content .TableContentContainer td[style*="background"],.Content table td[style*="#F1E0C6"],.Content table td[style*="#D4C0A1"]{background:var(--s2) !important}

/* ---- tabele DataTables (Spells, Creatures, Houses itd.) i pola formularzy - ciemny motyw ---- */
.Content table.dataTable,.Content table.dataTable thead th,.Content table.dataTable thead td,.Content table.dataTable tfoot th,.Content table.dataTable tfoot td{background-color:var(--s2) !important;color:var(--text) !important;border-color:var(--line) !important}
.Content table.dataTable tbody tr,.Content table.dataTable tbody td,.Content table.dataTable tbody th{background-color:var(--s1) !important;color:var(--text) !important;border-color:var(--line) !important}
.Content table.dataTable tbody tr.even td,.Content table.dataTable tbody tr.even{background-color:var(--s2) !important}
.Content table.dataTable.stripe tbody tr.odd,.Content table.dataTable.display tbody tr.odd,.Content table.dataTable.stripe tbody tr.odd>.sorting_1,.Content table.dataTable.display tbody tr.odd>.sorting_1,.Content table.dataTable tbody tr>.sorting_1,.Content table.dataTable tbody tr>.sorting_2,.Content table.dataTable tbody tr>.sorting_3{background-color:var(--s1) !important}
.Content table.dataTable.display tbody tr.even>.sorting_1,.Content table.dataTable tbody tr.even>.sorting_1{background-color:var(--s2) !important}
.Content table.dataTable tbody tr:hover,.Content table.dataTable.hover tbody tr:hover,.Content table.dataTable.display tbody tr:hover,.Content table.dataTable tbody tr:hover>.sorting_1{background-color:#2a1810 !important}
.Content table.dataTable tbody td *,.Content table.dataTable tbody th *{color:inherit}
.Content table.dataTable tbody td small,.Content table.dataTable tbody td span{opacity:1 !important}
.Content table.dataTable.no-footer{border-bottom:1px solid var(--line) !important}
.Content .dataTables_wrapper,.Content .dataTables_wrapper .dataTables_length,.Content .dataTables_wrapper .dataTables_filter,.Content .dataTables_wrapper .dataTables_info,.Content .dataTables_wrapper .dataTables_processing,.Content .dataTables_wrapper .dataTables_paginate{color:var(--text) !important}
.Content .dataTables_wrapper .dataTables_paginate .paginate_button{color:var(--text) !important;background:transparent !important;border:1px solid transparent !important}
.Content .dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:#fff6e6 !important;background:#2a1810 !important;border:1px solid var(--line) !important}
.Content .dataTables_wrapper .dataTables_paginate .paginate_button.current,.Content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#fff6e6 !important;background:linear-gradient(180deg,var(--fire),var(--blood)) !important;border:1px solid var(--line) !important}
.Content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.Content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{color:#7d6a5a !important;background:transparent !important;border:1px solid transparent !important}
.Content input:not([type=submit]):not([type=button]):not([type=image]):not([type=checkbox]):not([type=radio]),.Content select,.Content textarea{background-color:var(--s2) !important;color:var(--text) !important;border:1px solid var(--line) !important;border-radius:6px;padding:4px 8px}
.Content option{background-color:var(--s2);color:var(--text)}
/* siatka bezpieczenstwa: jasne tla ustawione w stylu inline */
.Content [style*="background-color:#fff" i],.Content [style*="background-color: #fff" i],.Content [style*="background:#fff" i],.Content [style*="background: #fff" i],.Content [style*="background-color:white" i],.Content [style*="background:white" i],.Content [style*="background-color: white" i]{background:var(--s1) !important;color:var(--text) !important}
.Content table:not(.dataTable) tr,.Content table:not(.dataTable) td,.Content table:not(.dataTable) th{color:var(--text)}
.Content pre,.Content code{background:var(--s2) !important;color:var(--text) !important;border:1px solid var(--line)}
.Content .table,.Content table.table td,.Content table.table th{background-color:var(--s1) !important;color:var(--text) !important;border-color:var(--line) !important}
.Content .table-striped tbody tr:nth-of-type(odd) td{background-color:var(--s2) !important}
.Content .well,.Content .panel,.Content .card,.Content .box{background-color:var(--s1) !important;color:var(--text) !important;border-color:var(--line) !important}