/*
  Wlčí - databáze (AoWoW): moderní tmavý vzhled místo wowheadu z roku 2010.
  Načítá se po původním global.css (head.tpl a main.tpl), jen přepisuje vzhled.
  Barvy kvality předmětů (.q0-.q10) zůstávají původní - jsou pevná konvence hry.
*/
:root{
  --w-panel:rgba(16,19,30,.93); --w-panel2:rgba(255,255,255,.045); --w-radek:rgba(255,255,255,.035);
  --w-zlato:#f3d28a; --w-zlato2:#d9b867; --w-cara:rgba(214,189,120,.26);
  --w-text:#d9d4c6; --w-tlumeny:#9a9484; --w-odkaz:#f0cd7c;
}

/* ---------- pozadí: stůl jako v knize, pevná vrstva ---------- */
html{background:#0b0805; overflow-y:scroll}
html::before{
  content:""; position:fixed; left:0; top:0; width:100%; height:100vh; height:100lvh; z-index:-2;
  background:url("https://wlci.scl.cz/wlci2/img/stul.jpg") center/cover no-repeat;
}
html::after{
  content:""; position:fixed; left:0; top:0; width:100%; height:100vh; height:100lvh; z-index:-1;
  background:radial-gradient(ellipse 85% 75% at 50% 22%, rgba(8,5,3,.50), rgba(8,5,3,.90));
}
body{
  background:transparent; color:var(--w-text); font:14px/1.5 "Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--w-odkaz)}
a:hover{color:#ffe7ae}
a.selected,a.selected:hover{color:#fff}
.text{color:var(--w-text); line-height:1.55}
::selection{background:rgba(243,210,138,.35)}

/* ---------- záhlaví: textový nápis místo loga ---------- */
#layout{min-width:0; max-width:1220px; padding:0 14px}
#header-ad,#sidebar-ad,#infobox-ad,#contribute-ad,.ads{display:none!important}
#header-logo{
  position:static; background:none; padding:26px 0 8px;
}
#header-logo h1{display:none}
#header-logo a{
  display:inline-flex; align-items:baseline; gap:.55em; width:auto; height:auto; text-decoration:none;
}
#header-logo a::before{
  content:"Wlčí"; font:700 36px/1 "Cinzel Decorative","Cinzel",Georgia,serif; color:var(--w-zlato);
  text-shadow:0 2px 10px rgba(0,0,0,.7); letter-spacing:.03em;
}
#header-logo a::after{
  content:"Databáze"; font:600 15px/1 "Cinzel",Georgia,serif; letter-spacing:.24em; text-transform:uppercase; color:#c9c2b0;
}
#toptabs{background:none; border-bottom:1px solid var(--w-cara)}
#toptabs-inner{padding-top:0}
#toptabs-right,.toplinks{display:none!important}     /* přihlášení a výběr jazyka tu nejsou potřeba */
#toptabs dl a{
  height:36px; line-height:36px; padding:0 14px; font:600 13px/36px "Cinzel",Georgia,serif; letter-spacing:.12em;
  background:none!important; color:#c9c2b0; border-radius:8px 8px 0 0; transition:color .15s, background .15s;
}
#toptabs dl a big{font-size:14px}
#toptabs dl a span{display:none}
#toptabs dl a ins{display:inline; position:static; text-decoration:none}
#toptabs dl a ins big{font-size:inherit}
#toptabs dl a:hover,#toptabs dl a.open{background:rgba(243,210,138,.09)!important; color:#f6e6b3}
#toptabs dl a.selected{top:0; background:var(--w-panel)!important; color:var(--w-zlato)!important; box-shadow:inset 0 2px 0 var(--w-zlato2)}

/* lišta s nabídkou a hledáním */
#topbar{
  background:var(--w-panel); border:1px solid var(--w-cara); border-top:0; padding:8px 10px; font-size:13px;
  border-radius:0 0 8px 8px;
}
.menu-buttons a{
  color:#e6e0d0; padding:5px 11px; border:1px solid transparent; border-radius:6px; transition:background .15s, border-color .15s;
}
.menu-buttons a:hover,.menu-buttons a.open{background:rgba(243,210,138,.1); border-color:var(--w-cara); color:#fff}
#topbar-right{top:7px; right:12px}
#topbar-right input,#home input[type=text]{
  height:30px!important; padding:0 12px!important; font:14px "Segoe UI",system-ui,Arial,sans-serif!important;
  background:rgba(255,255,255,.07)!important; color:#f4efe2!important; border:1px solid var(--w-cara)!important; border-radius:6px;
}
#topbar-right input{width:260px}
#topbar-right input:focus,#home input[type=text]:focus{outline:2px solid rgba(243,210,138,.5); outline-offset:1px}
#topbar-right a{right:6px; top:4px; width:22px; height:22px; opacity:.8}
#topbar-right input{padding-right:32px!important}

/* nabídky (rozbalovací menu) */
.menu div{border:0; border-radius:8px; box-shadow:0 12px 34px rgba(0,0,0,.65)}
.menu div div{background:rgba(16,19,30,.98); border:1px solid var(--w-cara); border-radius:8px; overflow:hidden; font-size:13px}
.menu a{background:transparent; border:0; padding:6px 12px; color:#e6e0d0}
.menu a.open,.menu a:hover{background:rgba(243,210,138,.12); color:#fff}
.menu span.separator{background:rgba(255,255,255,.05); border-top:0; color:var(--w-zlato); padding:5px 12px}
.live-search{background:rgba(16,19,30,.98); border:1px solid var(--w-cara); border-radius:8px; box-shadow:0 12px 34px rgba(0,0,0,.65); padding:3px}
.live-search div{background:transparent}
.live-search div div{border:0}
.live-search a{border-radius:5px}
.live-search a:hover{background:rgba(243,210,138,.12); color:#fff}
.live-search i{background:transparent}

/* ---------- obsah ---------- */
#wrapper,#wrapper.nosidebar{margin:0!important}
#main{
  background:var(--w-panel); border:1px solid var(--w-cara); border-radius:10px; padding:20px 18px 16px; min-height:520px;
  box-shadow:0 24px 60px rgba(0,0,0,.55);
  margin-top:14px;
}
#main-contents.main-contents{background:none; border:0; padding:0; min-height:480px}
.path{font-size:13.5px; padding:0 0 12px 22px; color:var(--w-tlumeny)}
.text h1{
  font:600 28px/1.15 "Cinzel",Georgia,serif; color:var(--w-zlato); border-bottom:1px solid var(--w-cara); padding:0 0 10px; margin:0 0 16px;
}
.text h2{
  font:600 19px/1.3 "Cinzel",Georgia,serif; color:#f0e3c0; border-bottom:1px solid var(--w-cara); padding:26px 0 6px; margin:0 0 14px;
}
.text h3{color:#f0e3c0; font-size:15px; margin:1.4em 0 .5em}
.text h1 span.sub,.text h2 span.sub{color:var(--w-tlumeny)}
.tip{color:var(--w-tlumeny)}

/* tlačítko na originální Wowhead: nenápadný štítek */
a.button-red{
  background:none!important; float:right; padding:0!important; margin:4px 0 0 8px; line-height:1;
}
a.button-red em,a.button-red b,a.button-red i,a.button-red span{
  background:none!important; font-style:normal; position:static; display:inline; color:inherit; text-shadow:none; padding:0; margin:0; float:none;
}
a.button-red em{
  display:inline-block; padding:5px 11px; border:1px solid var(--w-cara); border-radius:6px; color:var(--w-tlumeny); font-size:11px; font-weight:600;
}
a.button-red:hover em{color:#fff; border-color:rgba(243,210,138,.6)}
a.button-red span{display:none}
a.button-red b{font-weight:600}

/* karta "Quick Facts" */
.infobox{
  background:var(--w-panel2); border:1px solid var(--w-cara); border-radius:10px; border-collapse:separate; margin:0 0 14px 18px; min-width:200px;
}
.infobox th{font:600 13px "Cinzel",Georgia,serif; letter-spacing:.1em; text-transform:uppercase; color:var(--w-zlato); padding:12px 14px 6px}
.infobox td{padding:0 14px 12px; font-size:13.5px; line-height:1.8em}
.infobox li{color:var(--w-text)}

/* tooltip předmětu na stránce předmětu */
.tt-box{
  display:inline-block; vertical-align:top; max-width:min(380px,100%); padding:10px 13px 11px;
  background:linear-gradient(180deg,rgba(18,20,34,.985),rgba(8,9,18,.985));
  border:1px solid rgba(214,189,120,.55); border-radius:6px;
  box-shadow:0 0 0 1px rgba(0,0,0,.85), 0 12px 30px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.07);
}

/* ---------- záložky ---------- */
.tabs{margin:0; height:auto}
.tabs li{display:inline-block}
.tabs a{
  float:none; background:rgba(255,255,255,.05)!important; border:1px solid var(--w-cara); border-bottom:0; border-radius:8px 8px 0 0;
  height:auto; padding:0 12px; margin-right:4px; color:#c9c2b0; transition:background .15s;
}
.tabs a:hover{background:rgba(243,210,138,.1)!important; color:#fff}
.tabs a.selected{background:rgba(243,210,138,.14)!important; color:var(--w-zlato)!important; box-shadow:inset 0 2px 0 var(--w-zlato2)}
.tabs b{padding:0}
.tabs div{position:static; line-height:30px; background:none!important; visibility:visible; padding:0}
.tabs b{display:none}

/* ---------- seznamy ---------- */
.listview{border:1px solid var(--w-cara); border-radius:10px; overflow:hidden; background:rgba(0,0,0,.18)}
.listview-band-top,.listview-band-bottom{background:rgba(255,255,255,.055); color:#c9c2b0; padding:8px 10px}
.listview-band-top input,.listview-band-bottom input,.listview-band-top select,.listview-band-bottom select{
  font-size:12px; padding:3px 8px; background:rgba(255,255,255,.08); color:#f4efe2; border:1px solid var(--w-cara); border-radius:5px;
}
.listview th{font:600 12.5px "Segoe UI",system-ui,Arial,sans-serif; letter-spacing:.04em; border-bottom:1px solid var(--w-cara)}
.listview thead div{border:0}
.listview thead a{background:rgba(255,255,255,.07); color:#f0e3c0; padding:9px 0; text-transform:uppercase; font-size:11.5px; letter-spacing:.08em}
.listview th a:hover{background:rgba(243,210,138,.13)}
.listview-mode-default,.listview-mode-div,.listview-mode-tiled{background:transparent}
.listview-mode-default td{border:0; border-bottom:1px solid rgba(255,255,255,.06); padding:6px 8px; color:#d9d4c6}
.listview-mode-default tbody tr:hover{background:rgba(243,210,138,.075)}
.listview-mode-default tbody tr:nth-child(even){background:var(--w-radek)}
.listview-mode-default tbody tr:nth-child(even):hover{background:rgba(243,210,138,.075)}
.listview-nodata{background:transparent; color:var(--w-tlumeny); padding:18px}
.listview-nav a{color:var(--w-odkaz)}
.listview .small2,.listview .small3{color:var(--w-tlumeny)}
.listview td a{text-decoration:none}
.listview td a:hover{text-decoration:underline}
.listview td img,.iconsmall ins,.iconmedium ins{border-radius:5px}
.sortasc,.sortdesc{background-color:rgba(243,210,138,.1)}

/* ---------- ostatní prvky ---------- */
#footer{color:var(--w-tlumeny); padding-top:24px; margin-bottom:2em}
.comment,.comment-body{color:var(--w-text)}
#noscript-text{color:#fff}

/* ---------- úvodní stránka ---------- */
#home{background:none; padding-top:0; margin-top:0; min-height:70vh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px}
#home h1{
  position:static!important; left:auto!important; top:auto!important; width:auto!important; height:auto!important; overflow:visible!important; text-indent:0!important; text-align:center;
  margin:0; font:700 clamp(46px,8vw,84px)/1 "Cinzel Decorative","Cinzel",Georgia,serif; color:var(--w-zlato);
  text-shadow:0 4px 24px rgba(0,0,0,.8), 0 0 40px rgba(243,210,138,.18);
}
#home h1::after{
  content:"Databáze světa"; display:block; margin-top:.5em; font:600 15px/1 "Cinzel",Georgia,serif; letter-spacing:.35em; text-transform:uppercase; color:#c9c2b0; text-shadow:none;
}
#home .menu-buttons{padding:6px 0}
#home .pad{display:none}
#home form{display:flex; gap:8px; align-items:center}
#home input[type=text]{width:min(520px,78vw); height:44px!important; font-size:16px!important; padding:0 16px!important}
#home input[type=submit]{
  height:44px; padding:0 22px; font:600 13px "Cinzel",Georgia,serif; letter-spacing:.1em; text-transform:uppercase; cursor:pointer;
  background:linear-gradient(180deg,#9b3a1c,#6e2410); border:1px solid #d6a455; border-radius:6px; color:#fbe9bf;
}
#home input[type=submit]:hover{background:linear-gradient(180deg,#b04624,#7d2a12)}
#home .toplinks{display:none}

@media (max-width:760px){
  #layout{padding:0 8px}
  #header-logo a::before{font-size:28px}
  #header-logo a::after{font-size:12px; letter-spacing:.16em}
  #main{padding:14px 10px}
  .infobox{float:none; margin:0 0 12px; width:100%}
  #topbar-right{float:none; display:block; padding:0 0 8px}
  #topbar-right input{width:calc(100% - 40px)}
  .text h1{font-size:22px}
}

/* dlaždice kategorií na úvodní stránce */
.home-dlazdice{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; width:min(720px,92vw); margin-top:10px}
.home-dlazdice a{
  display:flex; flex-direction:column; gap:2px; padding:14px 16px; text-decoration:none; color:#e6e0d0;
  background:var(--w-panel); border:1px solid var(--w-cara); border-radius:10px; transition:transform .12s, border-color .15s, background .15s;
}
.home-dlazdice a:hover{transform:translateY(-2px); border-color:rgba(243,210,138,.65); background:rgba(28,31,46,.96)}
.home-dlazdice b{font:600 15px "Cinzel",Georgia,serif; letter-spacing:.04em; color:var(--w-zlato)}
.home-dlazdice i{font-style:normal; font-size:12px; color:var(--w-tlumeny)}
@media (max-width:760px){ .home-dlazdice{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* plovoucí tooltipy AoWoW (najetí na odkaz): stejný vzhled jako .tt-box */
.tooltip table{border-collapse:separate; border-spacing:0}
.tooltip td{
  background:linear-gradient(180deg,rgba(18,20,34,.985),rgba(8,9,18,.985))!important;
  border:1px solid rgba(214,189,120,.55); border-radius:6px; padding:9px 12px 10px!important;
  font:13px/1.38 "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.85), 0 12px 30px rgba(0,0,0,.6);
}
.tooltip td td,.tooltip td th{background:none!important; border:0; box-shadow:none; padding:0; border-radius:0}
.tooltip > table > tbody > tr > th,.tooltip > table > tr > th{display:none}
.tooltip p{display:none}
#footer{display:none}   /* ladicí počitadlo SQL dotazů */