/* ===========================
   header.css
   =========================== */

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:40;
  backdrop-filter:blur(18px);
  background:rgba(112,34,39,0.9);
  border-bottom:1px solid rgba(249,250,251,0.25);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 16px;
}

.logo{
  text-decoration:none;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--white);
  font-size:0.85rem;
  white-space:nowrap;
}
.logo span{color:var(--accent);}

.logo-img{
  height:30px;
  width:auto;
  display:block;
}

.main-nav{
  display:flex;
  align-items:center;
  gap:16px;
  font-size:0.9rem;
  flex:1;
}
.main-nav a{
  color:var(--muted);
  text-decoration:none;
  transition:color .2s ease;
}
.main-nav a:hover{color:var(--accent-soft);}

.nav-cta{
  padding:6px 12px;
  border-radius:999px;
  background:var(--accent);
  color:#1e293b;
  font-weight:600;
}

/* Language Switcher */
.lang-switcher{
  display:flex;
  align-items:center;
  gap:6px;
}
.lang-btn{
  border:none;
  background:transparent;
  cursor:pointer;
  padding:0;
  width:28px;
  height:20px;
  border-radius:4px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  filter:grayscale(40%);
  transition:transform .1s ease,filter .1s ease,box-shadow .1s ease;
}
.lang-btn:hover{
  transform:translateY(-1px);
  filter:grayscale(0%);
}
.lang-btn.active{
  filter:grayscale(0%);
  box-shadow:0 0 0 2px rgba(250,204,21,0.9);
}
.lang-btn .fi{
  display:inline-block;
  width:100%;
  height:100%;
  border-radius:3px;
  box-shadow:0 0 0 1px rgba(0,0,0,0.2);
}

/* Buttons (global) */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 16px;
  border-radius:999px;
  border:1px solid transparent;
  font-size:0.9rem;
  font-weight:600;
  cursor:pointer;
  text-decoration:none;
  transition:transform .12s ease,box-shadow .12s ease,background .12s ease;
}
.btn-primary{
  background:linear-gradient(135deg,#facc15,#f97316);
  color:#111827;
  box-shadow:0 14px 35px rgba(250,204,21,0.45);
}
.btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 40px rgba(250,204,21,0.6);
}
.btn-ghost{
  background:transparent;
  color:var(--text);
  border-color:rgba(249,250,251,0.45);
}
.btn-ghost:hover{background:rgba(0,0,0,0.16);}
.btn-full{width:100%;}