/* Wartebra Classic — MyAAC tibiacom-compatible visual layer. */
:root {
  --wt-bg:#080c09;--wt-green-950:#10170f;--wt-green-900:#172016;
  --wt-green-800:#213020;--wt-green-700:#30452d;--wt-gold:#bd9650;
  --wt-gold-light:#e3c577;--wt-gold-dark:#66502a;--wt-paper:#e2d0a8;
  --wt-paper-light:#f1e4c7;--wt-ink:#302416;--wt-text:#eee1bd;
  --wt-muted:#b9ad8e;--wt-shadow:0 14px 32px rgba(0,0,0,.62)
}
html{min-height:100%;background:var(--wt-bg)}
body{min-height:100vh;color:var(--wt-text);background:radial-gradient(circle at 50% 250px,rgba(76,96,54,.23),transparent 48%),linear-gradient(180deg,transparent 0,rgba(5,8,6,.55) 620px,#080c09 1050px),#080c09}
body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.38;background:repeating-linear-gradient(90deg,transparent 0 120px,rgba(255,255,255,.012) 121px),radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.58))}
#ArtworkHelper{position:relative;min-width:1180px;min-height:100vh;height:auto;background-image:url("images/header/wartebra-classic-hero.png")!important;background-position:center top!important;background-repeat:no-repeat!important;background-size:1680px auto!important}
#ArtworkHelper:after{content:"";position:absolute;z-index:0;top:0;left:0;right:0;height:520px;pointer-events:none;background:linear-gradient(180deg,rgba(5,8,6,.05) 40%,rgba(8,12,9,.96) 100%)}
#Bodycontainer{position:relative;z-index:1;min-width:1180px;max-width:1500px}
#ContentRow{top:260px;padding-bottom:70px}

/* Central classic brand */
#WartebraHeroBrand{position:absolute;z-index:5;top:38px;left:50%;width:570px;height:160px;margin-left:-285px;pointer-events:none}
#WartebraLogo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;pointer-events:auto;filter:drop-shadow(0 8px 9px rgba(0,0,0,.9))}
.WartebraLogoMark{position:absolute;top:0;left:50%;width:96px;height:82px;margin-left:-48px;color:transparent;border:3px ridge #947441;border-radius:48% 48% 42% 42%;background:radial-gradient(circle at center,#4f6b40 0 7%,#132011 8% 34%,transparent 35%),linear-gradient(135deg,#393c31,#151814 60%,#444537);box-shadow:inset 0 0 0 5px #171a15,inset 0 0 0 7px #79613a;opacity:.95}
.WartebraLogoText{position:relative;z-index:2;margin-top:24px;color:var(--wt-gold-light);font:700 66px/.92 Georgia,"Times New Roman",serif;letter-spacing:6px;text-transform:uppercase;-webkit-text-stroke:1px #503916;text-shadow:0 2px 0 #4c3515,0 4px 0 #1b160e,0 0 18px #000}
.WartebraLogoTagline{position:relative;z-index:2;margin-top:12px;color:#d8c388;font:700 12px/1 Georgia,serif;letter-spacing:5px;text-shadow:0 2px 4px #000}

/* Main columns */
#MenuColumn{width:215px;margin-left:12px;font-family:Georgia,serif}
#ContentColumn{margin-left:247px;margin-right:247px}
#ThemeboxesColumn{width:215px;margin-right:12px}
#Loginbox,.SmallMenuBox,.menuitem,#Themeboxes>div{filter:drop-shadow(0 7px 9px rgba(0,0,0,.64))}
#Loginbox{margin-top:0;overflow:hidden;border:2px ridge var(--wt-gold-dark);border-radius:4px;background:linear-gradient(180deg,#32352d,#151814);box-shadow:inset 0 0 0 3px #10130f}
.SmallMenuBox{left:0;width:100%;margin:14px 0 22px;padding:7px 0;overflow:hidden;border:2px ridge var(--wt-gold-dark);border-radius:4px;background:linear-gradient(180deg,#34362e,#161914);box-shadow:inset 0 0 0 3px #0c0f0c}

/* Existing menu groups and every existing submenu remain intact */
.MenuButton{height:42px!important;border-top:1px solid #745f38;border-bottom:1px solid #070a07;background:linear-gradient(90deg,rgba(220,190,112,.08),transparent 25% 75%,rgba(220,190,112,.08)),linear-gradient(180deg,#30422c,#152015)!important}
.MenuButton:hover{background:linear-gradient(180deg,#4a613e,#233421)!important;box-shadow:inset 0 0 12px rgba(211,181,105,.2)}
.MenuButton .Button{opacity:.36;filter:sepia(1) hue-rotate(35deg)}
.MenuButton .Label{filter:sepia(.65) brightness(1.35) saturate(.75)}
.Submenu{background:linear-gradient(90deg,#0e150e,#182117 55%,#0d130d);border-left:1px solid #665633;border-right:1px solid #665633}
.Submenuitem{min-height:26px;border-bottom:1px solid rgba(151,125,68,.2);background:transparent!important;transition:background .15s ease,padding-left .15s ease}
.Submenuitem:hover{padding-left:5px;background:rgba(74,99,59,.56)!important}
.SubmenuitemLabel{color:#e7d6a8!important;text-shadow:0 1px 2px #000}

/* Central parchment content */
.Content>.Box,#ContentHelper>.Box{overflow:hidden;border:3px ridge #76613a;border-radius:3px;background:#171b15;box-shadow:inset 0 0 0 4px #11150f,var(--wt-shadow)}
.Content .BorderTitleText{min-height:40px;height:40px!important;border-top:1px solid #536444;border-bottom:2px ridge #80683b;background:linear-gradient(90deg,rgba(210,181,105,.13),transparent 30% 70%,rgba(210,181,105,.1)),linear-gradient(180deg,#30432c,#152016)!important}
.Content .Title{top:9px;left:18px;max-height:24px;filter:sepia(.72) brightness(1.32) saturate(.7) drop-shadow(0 1px 1px #000)}
.BoxContent{min-height:130px;color:var(--wt-ink);border-top:1px solid #f5e8c8;background:linear-gradient(rgba(255,255,255,.07),rgba(93,61,20,.04)),url("images/content/scroll.gif"),var(--wt-paper)!important;background-blend-mode:soft-light,normal}
.InfoBar{color:#ead9aa;border-bottom:1px solid #0b100b;background:linear-gradient(90deg,rgba(211,182,106,.1),transparent 25% 75%,rgba(211,182,106,.1)),linear-gradient(180deg,#263724,#121b12)!important}
.InfoBarLinks,.InfoBarLinks:visited,.InfoBarSmallElement{color:#ecdba9!important}
.InfoBarLinks:hover{color:#fff3bd!important}

/* Tables, forms and plugins */
.Table1,.Table2,.Table3,.Table4,.Table5{box-shadow:0 4px 13px rgba(58,38,17,.2)}
input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{color:#2f2618;border:1px solid #8f7950;border-radius:3px;padding:6px 8px;background:#fbf1d8;box-shadow:inset 0 1px 3px rgba(56,38,17,.16)}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(75,107,62,.36);border-color:#526e48}
a{color:#72551e}a:hover{color:#3d5d32}

/* Right rail */
#RightArtwork{filter:sepia(.35) drop-shadow(0 8px 9px rgba(0,0,0,.72))}
#Themeboxes{margin-top:5px}
#Themeboxes .Themebox,#Themeboxes .Box{border-color:#77613a!important;background-color:#171c15!important}
#Footer{margin-top:18px;padding:18px 10px 30px;color:var(--wt-muted);font-size:9px;text-shadow:0 1px #000}
#Footer a,#Footer a:visited{color:var(--wt-gold-light)!important}

/* Responsive: keeps every tab accessible while rearranging the rails */
@media(max-width:1180px){#ArtworkHelper,#Bodycontainer{min-width:760px}#Bodycontainer{max-width:980px}#ThemeboxesColumn{display:none}#ContentColumn{margin-left:247px;margin-right:18px}}
@media(max-width:820px){#ArtworkHelper,#Bodycontainer{min-width:0;width:100%}#ArtworkHelper{background-size:auto 480px!important}#ContentRow{top:210px;padding:0 10px 40px}#WartebraHeroBrand{top:28px;width:360px;height:125px;margin-left:-180px}.WartebraLogoText{font-size:42px;letter-spacing:3px}.WartebraLogoTagline{font-size:9px;letter-spacing:3px}#MenuColumn,#ContentColumn{position:relative;left:auto;right:auto;width:auto;margin:0}#MenuColumn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}#Loginbox,.SmallMenuBox{margin:0}.menuitem{grid-column:span 1}#ContentColumn{clear:both}.InfoBarSmallElement{font-size:9px}.BoxContent{overflow-x:auto}}
@media(max-width:560px){#MenuColumn{grid-template-columns:1fr}.WartebraLogoText{font-size:36px}.InfoBarNumbers:nth-of-type(n+3),.InfoBarBigLogo:nth-of-type(n+3){display:none}}