/* assets/css/base.css
   Global layout, header, logo, navigation, and generic buttons.
*/

/* GLOBAL BODY */
.wl-body{
  font-family:'Nunito Sans',sans-serif;
  background:#FFFFFF;
  color:#000;
  padding:1rem;
  padding-bottom:7rem; /* leave space above fixed HUD – can be moved to game.css later */
  margin:0;
}

/* HEADER / NAV */
.wl-headerbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  background:#FFFFFF;
  padding:.5rem 0;
  border-radius:0;
  margin-bottom:1rem;
  flex-wrap:wrap;
  row-gap:.5rem;
  border-bottom:1px solid #000;
}

.wl-logo-block{
  display:flex;
  flex-direction:column;
  text-decoration: none;
  color: inherit;
}

.wl-logo-block:hover{
  text-decoration: none;
  opacity: 0.9;
}

.wl-logo-text{
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:1.1rem;
  line-height:1.2rem;
}

.wl-logo-bars{
  display:flex;
  gap:3px;
  margin-top:2px;
}

.wl-logo-bars .bar{
  width:19px;
  height:5px;
  border-radius:2px;
}

/* logo bar colours */
.wl-logo-bars .len3{background:#E74C3C;}
.wl-logo-bars .len4{background:#1A73E8;}
.wl-logo-bars .len5{background:#F4B400;}
.wl-logo-bars .len6{background:#A142F4;}
.wl-logo-bars .len7{background:#34A853;}

.wl-navicons{
  display:flex;
  gap:.75rem;
  font-size:1.2rem;
  flex-wrap:wrap;
  line-height:1rem;
  font-family:'Poppins',sans-serif;
}

.wl-navicons a{
  color:#000;
  text-decoration:none;
  min-width:28px;
  min-height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:none;
  background:transparent;
  font-size:1.2rem;
  line-height:1.2rem;
}

/* GENERIC BUTTON */
.wl-btn{
  flex:1 1 auto;
  min-width:42px;
  min-height:38px;
  border-radius:8px;
  border:1px solid #ccc;
  background:#f5f5f5;
  font-family:'Poppins',sans-serif;
  font-size:1rem;
  text-align:center;
  box-shadow:0 2px 4px rgb(0 0 0 / .08);
}