/*
Theme Name: Brasil BWS Chernarus Site Sync
Theme URI: https://bwsdayz.com.br/
Author: Orion
Description: Tema WordPress BRASIL BWS CHERNARUS com imagem HQ, layout em camadas e botões funcionais.
Version: 5.0
Text Domain: brasil-bws-chernarus
*/

:root{
  --bws-yellow:#d6a400;
  --bws-yellow2:#f3c400;
  --bws-dark:#030303;
  --bws-card:rgba(9,11,13,.84);
  --bws-line:rgba(255,255,255,.16);
  --bws-text:#f2f2f2;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#020202;
  color:var(--bws-text);
  font-family:Arial, Helvetica, sans-serif;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}

/* HOME */
.bws-home{
  min-height:100vh;
  background:#020202;
}

/* HERO HQ IMAGE */
.bws-hero-hq{
  position:relative;
  min-height:100vh;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.05) 46%,rgba(0,0,0,.65) 76%,rgba(0,0,0,.95) 100%),
    url("assets/img/bws-hero-hq.jpg");
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  overflow:hidden;
}

.bws-hero-hq::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px),
    radial-gradient(circle at 70% 30%,rgba(255,204,0,.08),transparent 35%);
}

/* TOP NAV OVERLAY */
.bws-top{
  position:relative;
  z-index:20;
  height:104px;
  display:grid;
  grid-template-columns:250px 1fr 260px;
  align-items:center;
  padding:0 36px;
}

.bws-logo-click{
  display:block;
  width:235px;
  height:100px;
}

.bws-menu{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:56px;
  text-transform:uppercase;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  letter-spacing:1.5px;
}

.bws-menu a{
  color:#e8e8e8;
  font-size:24px;
  text-shadow:0 3px 3px #000;
  transition:.18s ease;
}

.bws-menu a:hover,
.bws-menu a.active{
  color:var(--bws-yellow2);
}

.bws-discord-top{
  justify-self:end;
  width:236px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:
    linear-gradient(180deg,#f2c400,#b78a00),
    repeating-linear-gradient(45deg,rgba(0,0,0,.16) 0 2px,transparent 2px 8px);
  color:#080808;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size:24px;
  letter-spacing:1px;
  text-transform:uppercase;
  clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);
  box-shadow:0 0 26px rgba(0,0,0,.8);
  transition:.18s ease;
}
.bws-discord-top:hover{filter:brightness(1.15); transform:translateY(-1px)}

/* PLAYERS */
.bws-player-card{
  position:absolute;
  z-index:18;
  top:150px;
  right:4.4%;
  width:350px;
  min-height:145px;
  display:flex;
  align-items:center;
  gap:22px;
  padding:22px 28px;
  background:rgba(7,9,11,.74);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 0 36px rgba(0,0,0,.78);
  clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);
}

.bws-player-icon{font-size:50px}
.bws-player-label{
  color:#e1e1e1;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size:22px;
  letter-spacing:1.4px;
  text-transform:uppercase;
}
.bws-player-count{
  color:var(--bws-yellow2);
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size:50px;
  letter-spacing:2px;
  margin-top:4px;
}
.bws-player-bar{
  margin-top:8px;
  width:230px;
  height:6px;
  background:#3a3a3a;
  border-radius:20px;
  overflow:hidden;
}
.bws-player-bar span{
  display:block;
  height:100%;
  width:85%;
  background:linear-gradient(90deg,#ffca00,#8a760b);
}

/* INFO LEFT */
.bws-info-list{
  position:absolute;
  z-index:18;
  left:4.4%;
  top:382px;
  width:385px;
  border-top:1px solid rgba(255,255,255,.22);
  display:none; /* A nova imagem já possui o bloco visual HQ. Mantemos oculto para não duplicar. */
}

/* CTA */
.bws-cta{
  position:absolute;
  z-index:18;
  left:39.6%;
  bottom:28.5%;
  display:grid;
  grid-template-columns:390px 400px;
  gap:18px;
}

.bws-connect,
.bws-discord-main{
  height:103px;
  clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 0 28px rgba(0,0,0,.82);
  transition:.18s ease;
  text-transform:uppercase;
}

.bws-connect{
  flex-direction:column;
  background:
    linear-gradient(180deg,#e7b700,#b38300),
    repeating-linear-gradient(45deg,rgba(0,0,0,.16) 0 2px,transparent 2px 8px);
  color:#090909;
}
.bws-connect strong,
.bws-discord-main strong{
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size:43px;
  letter-spacing:2px;
}
.bws-connect span,
.bws-discord-main span{
  display:block;
  margin-top:6px;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size:18px;
  letter-spacing:2px;
}
.bws-discord-main{
  gap:26px;
  background:rgba(17,20,25,.90);
  border:1px solid rgba(255,255,255,.12);
  color:#f1f1f1;
}
.bws-discord-main span{color:#dcdcdc}
.bws-discord-icon{font-size:60px}
.bws-connect:hover,
.bws-discord-main:hover{
  filter:brightness(1.14);
  transform:translateY(-2px);
}

/* FEATURE CARDS */
.bws-feature-row{
  position:absolute;
  z-index:19;
  left:1.25%;
  right:1.25%;
  bottom:45px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
}

.bws-feature{
  height:186px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:#111;
  box-shadow:0 0 25px rgba(0,0,0,.74);
}
.bws-feature img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:brightness(.68) contrast(1.08) saturate(.88);
  transition:.2s ease;
}
.bws-feature::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.10) 45%,rgba(0,0,0,.82));
}
.bws-feature span{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:18px;
  text-align:center;
  color:#f4f4f4;
  text-transform:uppercase;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size:24px;
  letter-spacing:1px;
  text-shadow:0 3px 4px #000;
}
.bws-feature:hover img{
  transform:scale(1.05);
  filter:brightness(.9) contrast(1.12) saturate(1);
}

.bws-slogan{
  position:absolute;
  z-index:19;
  left:0;
  right:0;
  bottom:10px;
  text-align:center;
  color:#bdbdbd;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size:20px;
  letter-spacing:2px;
  text-transform:uppercase;
  text-shadow:0 2px 3px #000;
}
.bws-slogan b{color:var(--bws-yellow2)}

/* SECTIONS */
.bws-section{
  min-height:90vh;
  padding:100px 6%;
  background:
    linear-gradient(rgba(0,0,0,.88),rgba(0,0,0,.97)),
    url("assets/img/bws-hero-hq.jpg") center/cover fixed;
  border-top:1px solid rgba(255,210,0,.22);
}

.bws-section h1{
  margin:0 0 12px;
  color:var(--bws-yellow2);
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size:58px;
  letter-spacing:2px;
  text-transform:uppercase;
}
.bws-section > p{
  margin:0 0 38px;
  color:#ddd;
  max-width:900px;
  line-height:1.65;
  font-size:18px;
}
.bws-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:22px;
}
.bws-panel{
  padding:25px;
  min-height:190px;
  background:rgba(8,10,12,.88);
  border:1px solid rgba(255,210,0,.28);
  box-shadow:0 0 28px rgba(0,0,0,.62);
}
.bws-panel h2{
  margin:0 0 12px;
  color:var(--bws-yellow2);
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  letter-spacing:1px;
  text-transform:uppercase;
}
.bws-panel p,
.bws-panel li{
  color:#ddd;
  line-height:1.7;
}
.bws-panel ul{padding-left:20px}
.bws-panel img{
  width:100%;
  height:170px;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.10);
  margin-bottom:14px;
  filter:brightness(.82);
}

.bws-footer{
  padding:28px;
  text-align:center;
  background:#030303;
  color:#aaa;
  border-top:1px solid rgba(255,210,0,.18);
}

/* RESPONSIVE */
@media(max-width:1250px){
  .bws-top{
    height:auto;
    padding:18px;
    grid-template-columns:1fr;
    gap:14px;
    background:rgba(0,0,0,.82);
  }
  .bws-logo-click{width:200px;height:80px;justify-self:center}
  .bws-menu{gap:26px;flex-wrap:wrap}
  .bws-discord-top{justify-self:center}
  .bws-hero-hq{
    min-height:1050px;
    background-size:auto 780px;
    background-position:center top;
  }
  .bws-player-card{
    position:relative;
    top:auto;
    right:auto;
    margin:280px auto 25px;
  }
  .bws-cta{
    position:relative;
    left:auto;
    bottom:auto;
    width:min(92%,430px);
    margin:0 auto;
    grid-template-columns:1fr;
  }
  .bws-feature-row{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    padding:28px 16px 0;
    grid-template-columns:1fr 1fr;
  }
  .bws-slogan{
    position:relative;
    bottom:auto;
    padding:24px 12px 30px;
  }
}

@media(max-width:640px){
  .bws-menu a{font-size:17px}
  .bws-discord-top{width:210px}
  .bws-hero-hq{
    background-size:auto 560px;
    min-height:auto;
    padding-bottom:0;
  }
  .bws-player-card{
    width:92%;
    margin-top:240px;
  }
  .bws-player-count{font-size:38px}
  .bws-player-bar{width:180px}
  .bws-connect,.bws-discord-main{height:92px}
  .bws-connect strong,.bws-discord-main strong{font-size:34px}
  .bws-feature-row{grid-template-columns:1fr}
  .bws-feature{height:150px}
  .bws-section{padding:75px 5%}
  .bws-section h1{font-size:40px}
}


/* SITE_SYNC - dados dinâmicos sem alterar o visual base */
.bws-wide-panel{grid-column:1/-1}.bws-mt{margin-top:22px}.bws-big-stat{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;color:var(--bws-yellow2);font-size:70px;line-height:1;text-shadow:0 3px 3px #000}.bws-server-name{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;color:#fff;font-size:30px;letter-spacing:1px;text-transform:uppercase}.bws-player-list,.bws-ranking-list{display:flex;flex-direction:column;gap:10px}.bws-player-item,.bws-rank-item,.bws-champion-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.10)}.bws-player-item{grid-template-columns:1fr auto}.bws-rank-pos{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;color:var(--bws-yellow2);font-size:22px;min-width:38px}.bws-rank-name,.bws-player-name{font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bws-rank-value,.bws-player-coord{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;color:var(--bws-yellow2);letter-spacing:.8px;text-align:right}.bws-muted{color:#aaa;font-size:13px}.bws-load-error{color:#ffcb58}.bws-champion-card{grid-template-columns:1fr}.bws-champion-card h2{margin-bottom:4px}.bws-champion-value{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;color:var(--bws-yellow2);font-size:32px;letter-spacing:1px}.bws-stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media(max-width:640px){.bws-player-item,.bws-rank-item{grid-template-columns:1fr}.bws-rank-value,.bws-player-coord{text-align:left}.bws-big-stat{font-size:52px}}


/* BWS SITE_SYNC VISUAL FIX v6 */
.bws-section-head{
  max-width:1050px;
  margin:0 auto 34px;
  text-align:left;
}
.bws-section-head h1{
  margin-bottom:8px;
}
.bws-section-head p{
  margin:0;
  color:#d7d7d7;
  font-size:18px;
  line-height:1.6;
}
.bws-live-layout{
  max-width:1280px;
  margin:0 auto;
}
.bws-live-main{
  display:grid;
  grid-template-columns:repeat(3,minmax(220px,1fr));
  gap:18px;
  margin-bottom:22px;
}
.bws-live-stat-card{
  background:linear-gradient(180deg,rgba(15,17,20,.92),rgba(3,3,3,.86));
  border:1px solid rgba(255,210,0,.24);
  box-shadow:0 0 28px rgba(0,0,0,.55);
  padding:24px;
  min-height:150px;
  clip-path:polygon(2% 0,100% 0,98% 100%,0 100%);
}
.bws-live-stat-card span,
.bws-panel-title-row span,
.bws-champion-label{
  color:#c8c8c8;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1.6px;
}
.bws-live-stat-card strong{
  display:block;
  margin:8px 0;
  color:var(--bws-yellow2,#f3c400);
  font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  font-size:46px;
  letter-spacing:1px;
  line-height:1;
  text-transform:uppercase;
}
.bws-live-stat-card small{
  color:#aaa;
  font-size:13px;
}
.bws-players-panel,
.bws-ranking-card{
  background:linear-gradient(180deg,rgba(10,12,14,.93),rgba(4,4,4,.92));
}
.bws-panel-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.10);
  padding-bottom:12px;
}
.bws-panel-title-row h2{
  margin:0;
}
.bws-panel-title-row span,
#bwsPlayersBadge{
  border:1px solid rgba(255,210,0,.28);
  color:var(--bws-yellow2,#f3c400);
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,210,0,.06);
  white-space:nowrap;
}
.bws-clean-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.bws-player-item,
.bws-rank-item{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  background:rgba(0,0,0,.36);
  border:1px solid rgba(255,255,255,.08);
  border-left:3px solid rgba(243,196,0,.78);
  min-height:58px;
}
.bws-list-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.bws-list-pos,
.bws-rank-pos{
  width:38px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#090909;
  background:linear-gradient(180deg,#f3c400,#a77c00);
  font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  font-size:18px;
  border-radius:4px;
  flex:0 0 auto;
}
.bws-list-left strong,
.bws-rank-name{
  display:block;
  color:#fff;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bws-list-left small{
  display:block;
  color:#9f9f9f;
  font-size:12px;
  margin-top:3px;
}
.bws-list-value,
.bws-rank-value{
  color:var(--bws-yellow2,#f3c400);
  font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  letter-spacing:.8px;
  text-align:right;
  white-space:nowrap;
}
.bws-rank-item{
  grid-template-columns:46px 1fr auto;
}
.bws-ranking-dashboard{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(280px,1fr));
  gap:22px;
}
.bws-champions-grid{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:22px;
}
.bws-champion-card{
  display:flex !important;
  flex-direction:column;
  gap:8px;
  min-height:165px;
}
.bws-champion-card strong{
  color:var(--bws-yellow2,#f3c400);
  font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  font-size:34px;
  letter-spacing:1px;
  text-transform:uppercase;
}
.bws-champion-card small{
  color:#ccc;
  line-height:1.5;
}
.bws-empty-state{
  padding:18px;
  color:#c8c8c8;
  background:rgba(0,0,0,.28);
  border:1px dashed rgba(255,255,255,.14);
  border-radius:6px;
}
.bws-raid-time{
  color:var(--bws-yellow2,#f3c400) !important;
  font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  font-size:30px !important;
  letter-spacing:1px;
}
.bws-load-error{color:#c8c8c8 !important}
#bwsApiBaseText,
#bwsLastGenerated + br,
.bws-debug,
.bws-file-list{display:none !important}

@media(max-width:900px){
  .bws-live-main,
  .bws-ranking-dashboard{
    grid-template-columns:1fr;
  }
  .bws-live-stat-card strong{
    font-size:38px;
  }
}
@media(max-width:640px){
  .bws-player-item,
  .bws-rank-item{
    grid-template-columns:1fr;
    align-items:flex-start;
  }
  .bws-list-value,
  .bws-rank-value{
    text-align:left;
  }
  .bws-panel-title-row{
    align-items:flex-start;
    flex-direction:column;
  }
}