/* Pstory PokéTibia Theme V3 - Znote AAC 1.6
   Designed for the user's current Pstory layout and existing header.png.
   Keeps the generated banner untouched and focuses on the rest of the site.
*/

:root{
  --v3-bg:#081018;
  --v3-bg2:#0d1721;
  --v3-card:#13212d;
  --v3-card2:#172936;
  --v3-panel:#101b25;
  --v3-border:#284258;
  --v3-blue:#2f83ff;
  --v3-blue2:#1a55a6;
  --v3-yellow:#ffd34f;
  --v3-red:#df3e3e;
  --v3-green:#45c66b;
  --v3-text:#edf5fb;
  --v3-muted:#9fb1c0;
  --v3-shadow:0 12px 35px rgba(0,0,0,.28);
}

/* Cleaner background: no giant blue/red circles */
html,body{min-height:100%}
body{
  color:var(--v3-text)!important;
  background:
    linear-gradient(rgba(8,16,24,.92),rgba(8,16,24,.92)),
    repeating-linear-gradient(
      45deg,
      rgba(255,255,255,.018) 0 1px,
      transparent 1px 14px
    )!important;
  background-attachment:fixed!important;
}
body:before,body:after{content:none!important}

/* Main site width */
#wrapper,.wrapper,#container,.container{
  max-width:1220px!important;
}

/* Main navigation */
nav,#menu,.menu,.navbar,.navigation,#navigation{
  background:linear-gradient(180deg,#151f29,#0f171f)!important;
  border:1px solid #263c50!important;
  border-radius:12px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.25)!important;
  overflow:hidden!important;
}
nav ul,#menu ul,.menu ul,.navbar ul,.navigation ul,#navigation ul{
  margin:0!important;
}
nav a,#menu a,.menu a,.navbar a,.navigation a,#navigation a{
  color:#f7fbff!important;
  font-weight:800!important;
  letter-spacing:.1px!important;
  transition:.18s ease!important;
}
nav a:hover,#menu a:hover,.menu a:hover,.navbar a:hover,.navigation a:hover,#navigation a:hover{
  color:var(--v3-yellow)!important;
  background:linear-gradient(180deg,rgba(47,131,255,.18),rgba(47,131,255,.05))!important;
}

/* Keep the real banner image as the hero */
.banner{
  min-height:260px!important;
  background-image:url("../img/header.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border:1px solid #2c4a64!important;
  border-radius:14px!important;
  box-shadow:var(--v3-shadow)!important;
  overflow:hidden!important;
}

/* Avoid generated title overlays from previous themes */
.banner:before,.banner:after{content:none!important}

/* Main content */
#content,.content,.main,.main-content{
  color:var(--v3-text)!important;
}

/* Generic boxes / widgets */
.box,.panel,.widget,.well,.content-box,
aside,.sidebar,#sidebar,
.feedContainer,.feedcontainer{
  background:linear-gradient(180deg,rgba(19,33,45,.98),rgba(14,25,35,.98))!important;
  border:1px solid var(--v3-border)!important;
  border-radius:12px!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}

/* Sidebar widget headers from your actual layout */
.header{
  background:linear-gradient(180deg,#202a34,#1a2129)!important;
  color:var(--v3-yellow)!important;
  border-radius:10px!important;
  font-weight:800!important;
  border-bottom:1px solid rgba(255,255,255,.04)!important;
}

/* Prevent any previous pseudo-logo duplication */
.header:before,.header:after,
.panel:before,.panel:after,
.widget:before,.widget:after,
aside:before,aside:after,
.sidebar:before,.sidebar:after{
  content:none!important;
}

/* Page titles */
h1,h2,h3,h4,h5{
  color:var(--v3-yellow)!important;
}
h1{
  border-left:5px solid var(--v3-red)!important;
  padding-left:12px!important;
}
h2{
  border-bottom:1px solid #263f54!important;
  padding-bottom:7px!important;
}

/* News/content block */
.feedContainer,.feedcontainer,.news,.news-item,.newsitem{
  background:#111a23!important;
  border-radius:10px!important;
}

/* Tables */
table{
  width:100%!important;
  background:#0f1821!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
table th,table thead td{
  background:linear-gradient(180deg,#1b5da8,#164477)!important;
  color:#fff!important;
  border-color:#2a5f8b!important;
  font-weight:800!important;
}
table td{
  color:var(--v3-text)!important;
  border-color:#233747!important;
}
table tr:nth-child(even) td{background:#14222d!important}
table tr:hover td{background:#183044!important}

/* Inputs */
input[type=text],input[type=password],input[type=email],input[type=number],
select,textarea{
  background:#0b151d!important;
  color:#fff!important;
  border:1px solid #35516a!important;
  border-radius:8px!important;
  padding:9px 11px!important;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:var(--v3-blue)!important;
  box-shadow:0 0 0 3px rgba(47,131,255,.14)!important;
}

/* Buttons */
button,input[type=submit],input[type=button],.btn,.button{
  border:0!important;
  border-radius:9px!important;
  padding:9px 16px!important;
  font-weight:800!important;
  color:#fff!important;
  background:linear-gradient(180deg,#ef5050,#b42424)!important;
  box-shadow:0 5px 14px rgba(180,36,36,.26)!important;
}
button:hover,input[type=submit]:hover,input[type=button]:hover,.btn:hover,.button:hover{
  filter:brightness(1.08)!important;
  transform:translateY(-1px)!important;
}

/* Sidebar action links */
aside a,.sidebar a,#sidebar a{
  transition:.15s ease!important;
}
aside a:hover,.sidebar a:hover,#sidebar a:hover{
  color:var(--v3-yellow)!important;
}

/* Links */
a{color:#72adff}
a:hover{color:var(--v3-yellow)}

/* Status */
.online,.green,.success{color:var(--v3-green)!important}
.offline,.red,.error{color:#ff6b6b!important}

/* Small Pstory identity */
.pstory-v3-tag{
  display:inline-block;
  padding:4px 9px;
  margin:2px 0 8px;
  border-radius:999px;
  background:#173a63;
  color:#fff;
  border:1px solid #2e64a1;
  font-size:12px;
  font-weight:800;
}

/* Account/sidebar buttons */
aside input[type=submit],aside button,
.sidebar input[type=submit],.sidebar button,
#sidebar input[type=submit],#sidebar button{
  width:100%!important;
}

/* Footer */
footer,#footer,.footer{
  margin-top:28px!important;
  color:var(--v3-muted)!important;
  border-top:1px solid var(--v3-border)!important;
  background:#0b1218!important;
}

/* Better spacing */
.box,.panel,.widget,.well,.content-box,
aside,.sidebar,#sidebar{
  line-height:1.45!important;
}

/* Mobile */
@media(max-width:780px){
  .banner{min-height:180px!important}
  nav ul,#menu ul,.menu ul,.navbar ul,.navigation ul,#navigation ul{
    display:flex!important;
    flex-wrap:wrap!important;
  }
  nav a,#menu a,.menu a,.navbar a,.navigation a,#navigation a{
    padding:10px 12px!important;
  }
}
.banner {
    background: url("../img/header.png") center center / cover no-repeat !important;
}