/* ============================================================
   UROBOROUS dark theme — tekstury z SYMIK OTC (data/images/ui)
   Ladowany PO basic.css; !important przebija style inline z PHP.
   Paleta: lupek #262421/#2d2a27/#383430, metal #4a463f,
           zloto #d9a94f, tekst #cfc8bd
   ============================================================ */

/* ---------- tlo strony ---------- */
body {
  background: #171512 url(images/dark/texture_bg_darkest.png) repeat top center !important;
}
#ArtworkHelper {
  background-image: none !important;
}

/* ---------- glowne boxy tresci ---------- */
.Content .Box {
  color: #cfc8bd;
  background: #262421 url(images/dark/texture_bg.png) !important;
  border: 12px solid transparent;
  border-image: url(images/dark/miniwindow2.png) 14 repeat;
}
.Content .BoxContent {
  background: transparent !important;
  color: #cfc8bd;
}
.Content .BoxContent td {
  color: #cfc8bd;
}

/* pergaminowe rogi/krawedzie boxow - precz */
.Content .Corner-tl, .Content .Corner-tr,
.Content .Corner-bl, .Content .Corner-br,
.Content .Border_1,
.Content .BottomCornersHelper, .Content .CornerWrapper-b {
  background-image: none !important;
  display: none;
}

/* pasek tytulowy boxa — ciemny kamien; naglowki gif maja 28px,
   wiec pasek 34px (bez !important — inline height np. statusbara wygrywa) */
.Content .BorderTitleText {
  background: #211f1c url(images/dark/title_holder.png) !important;
  background-size: auto 100% !important;
  height: 34px;
}
.Content .Title { top: 3px; }
/* naglowki (headline-*.gif) sa natywnie zlote — zadnych filtrow */

.Content .Border_2 {
  background-color: #4a463f !important;
}
.Content .Border_3 {
  border-top: 1px solid #4a463f !important;
  border-bottom: 1px solid #4a463f !important;
}

/* ---------- naglowki i tabele ---------- */
.Content th {
  color: #e6d3a8;
  background-color: #35322e !important;
}
.TableContainer .CaptionContainer,
.TableContainer .CaptionContainer .CaptionInnerContainer {
  background-color: #211f1c !important;
}
.TableContainer .Table1, .TableContainer .Table2,
.TableContainer .Table3, .TableContainer .Table4,
.TableContainer .Table5 {
  background-color: #2d2a27 !important;
  border: 2px solid #4a463f !important;
}
.TableContainer .InnerTableContainer,
.InnerTableContainer {
  background-color: #2d2a27 !important;
  border-color: #4a463f !important;
}
.TableContentContainer {
  background-color: #2d2a27 !important;
  border-color: #4a463f !important;
}
.Odd  { background-color: #34312d !important; }
.Even { background-color: #2b2825 !important; }
.SmallBox .Message { background-color: #2d2a27 !important; }
/* box bledow (The Following Errors Have Occurred) — ciemne tlo, cieple czcionki */
.SmallBox .ErrorMessage {
  background-color: #33201d !important;
  color: #e0a294 !important;
}
.SmallBox .ErrorMessage b { color: #f2c9a0 !important; }
.SmallBox .ErrorMessage li { color: #e0a294 !important; }

/* tabele wewnetrzne — jasne linie siatki na ciemne */
.InnerTableContainer table, .TableContent {
  border-color: #4a463f !important;
}
.InnerTableContainer td, .TableContent td {
  border-color: #423e38 !important;
}

/* ---------- inline'owe pergaminowe kolory z PHP ---------- */
[style*="#d4c0a1"], [style*="#D4C0A1"], [style*="#d5c0a1"],
[style*="#debb9d"] { background-color: #2d2a27 !important; }
[style*="#f1e0c6"], [style*="#F1E0C6"], [style*="#f1e0c5"],
[style*="#fff2db"], [style*="#faf0d7"] { background-color: #34312d !important; }
[bgcolor="#D4C0A1"], [bgcolor="#d4c0a1"], [bgcolor="#D5C0A1"],
[bgcolor="#debb9d"], [bgcolor="#DEBB9D"] { background-color: #2d2a27 !important; }
[bgcolor="#F1E0C6"], [bgcolor="#f1e0c6"], [bgcolor="#F1E0C5"],
[bgcolor="#FFF2DB"], [bgcolor="#fff2db"] { background-color: #34312d !important; }
[bgcolor="white"], [bgcolor="#FFFFFF"], [bgcolor="#ffffff"] { background-color: #2d2a27 !important; }
[style*="border:1px solid #faf0d7"], [style*="border: 1px solid #faf0d7"] {
  border-color: #4a463f !important;
}

/* ---------- teksty i linki ---------- */
/* generalny kolor komorek (przebija .Content .BoxContent td z basic.css);
   kolorowe spany/fonty w srodku maja wlasny kolor, wiec zostaja */
.Content td, .TableContent td, .InnerTableContainer td {
  color: #cfc8bd !important;
}
/* naglowki tabel (LabelH/LabelV) — ciemny kamien, zloty tekst; PO regule td */
tr.LabelH, tr.LabelH td, .LabelH, .LabelV, tr.LabelV td {
  background-color: #211f1c !important;
  color: #e6d3a8 !important;
}
.Content a        { color: #d9a94f; }
.Content a:hover  { color: #f0c46a; }
/* bezowe grafiki ramek nad captionami tabel -> przyciemnione */
[style*="box-frame"] { filter: brightness(0.3) saturate(0.7); }
/* puste linki (np. kafelek klienta bez client_link) nie sa klikalne */
a[href=""] { pointer-events: none; cursor: default; }
/* opisy na forum i inne pomocnicze teksty */
.ff_info, .ff_infotext { color: #a89f92 !important; }
.Content, .Content .BoxContent,
.Content .BoxContent p, .Content .BoxContent div {
  color: #cfc8bd;
}
/* brazowy tekst wstawiany inline */
[style*="color: #5a2800"], [style*="color:#5a2800"],
font[color="#5a2800"], font[color="green"], font[color="red"] {
  color: #cfc8bd !important;
}

/* ---------- formularze (globalnie, tez sidebar) ---------- */
input:not([type]), input[type="text"], input[type="password"],
input[type="email"], input[type="number"], select, textarea {
  background-color: #1d1b18;
  color: #d6cfc4;
  border: 1px solid #4a463f;
}
option { background-color: #1d1b18; color: #d6cfc4; }

/* ---------- niebieskie przyciski Tibii -> bursztyn ---------- */
#Loginbox #LoginButton, #PlayNowContainer, .BigButton,
input[type="image"][src*="mediumbutton"], input[type="image"][src*="sbutton"],
img[src*="mediumbutton"], img[src*="sbutton"],
div[style*="mediumbutton"], div[style*="sbutton"] {
  filter: grayscale(0.25) sepia(0.85) saturate(1.5) hue-rotate(-12deg) brightness(0.92);
}
/* zeby nie filtrowac podwojnie zagniezdzonych divow buttonow */
#Loginbox #LoginButton div, #PlayNowContainer div,
.BigButton .BigButtonOver, .BigButton div { filter: none; }

/* ---------- ciemny scrollbar ---------- */
html { scrollbar-color: #4a463f #1d1b18; }
::-webkit-scrollbar { width: 12px; background: #1d1b18; }
::-webkit-scrollbar-thumb { background: #4a463f; border: 2px solid #1d1b18; border-radius: 6px; }
/* Create Account: zamiast filtrowanego gifa (niebieska poswiata)
   czysty tekst CSS w stylu guzikow themeboxow */
[style*="loginbox-font-create-account"] { background-image: none !important; }
#LoginstatusText_2_1::after, #LoginstatusText_2_2::after {
  content: "Create Account";
  display: block;
  text-align: center;
  font: bold 11px Verdana, sans-serif;
  line-height: 11px;
  color: #d5c3af;
}
#LoginstatusText_2_2::after { color: #f5e6c8; }
/* Create Account pod Loginem jako widoczny guzik (button.png z themeboxow);
   loginbox rosnie z 52 na 65px, wiec przesuwamy lancuchy i dol boxa */
#Loginbox .Loginstatus:has(#LoginstatusText_2) {
  height: 26px !important;
  background: url(images/themeboxes/button.png) no-repeat center / 148px 24px !important;
}
#Loginbox .Loginstatus:has(#LoginstatusText_2) .LoginstatusText { top: 8px !important; }
#Loginbox:has(#LoginstatusText_2) .LoginBorder { height: 65px !important; }
#Loginbox:has(#LoginstatusText_2) #LoginBottom { top: 65px !important; }

/* ---------- dymki pomocy ---------- */
#HelperDivContainer {
  color: #cfc8bd !important;
  background: #262421 url(images/dark/texture_bg.png) !important;
  border: 1px double #4a463f !important;
}

/* ---------- newsy: ramka wokol posta + ciemny pasek tytulu ---------- */
.NewsPost {
  border: 1px solid #4a463f;
  border-radius: 3px;
  background-color: #2a2724;
  padding: 8px 8px 10px 8px;
  margin-bottom: 14px;
}
.NewsHeadlineBackground {
  background: #211f1c url(images/dark/title_holder.png) !important;
  background-size: auto 100% !important;
  border-left: 1px solid #4a463f !important;
  border-right: 1px solid #4a463f !important;
}

/* ---------- menu boczne — submenu ---------- */
.Submenu { background-color: #24221f !important; }
.SubmenuitemLabel { border-bottom: 1px solid #3b3835 !important; }
/* hover w submenu: JS z szablonu zostawial inline stary morski kolor (#0D2E2B);
   !important go neutralizuje, podswietlenie robi czyste :hover */
.Submenuitem { background-color: transparent !important; }
.Submenuitem:hover { background-color: #3a352e !important; }

/* ---------- logo UROBOROUS zamiast logo Tibii ---------- */
#LeftArtwork #TibiaLogoArtworkTop {
  width: 196px !important;
  height: 294px !important;
  top: -6px;
  left: -14px;
}
#LeftArtwork #LogoLink { display: none; }
/* menu schodzi nizej, zeby zmiescic wysokie logo */
#MenuColumn { padding-top: 150px; }


/* ---------- Experience Table (i inne AdditionalTable) — naglowki byly jasne na jasnym ---------- */
.AdditionalTableHeadline { background-color: #35322e !important; }
.AdditionalTableHeadline td { border: 1px solid #4a463f !important; color: #e6d3a8 !important; }
#ExperienceTable td[style*="#FAF0D7"] { border-color: #4a463f !important; }
#ExperienceTable .AdditionalTableShadow { border-color: #4a463f !important; box-shadow: 3px 3px 2px #171512 !important; }