/* /tournaments/vietnam-cup-2025/app.css  — CSS DÙNG CHUNG CHO HEADER */
:root{
  --container:1180px;
  --navy:#0e2b48;
  --yellow:#e6f000;
  --ink:#0b1320;
  --muted:#cfe6ff;
}

/* reset nhỏ để chống lệch giữa trang */
*{box-sizing:border-box}
html,body{margin:0}
body{
  font-family:"Be Vietnam Pro",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
}

/* khung */
.t-wrap{background:#0d2136}
.t-hero{
  position:relative;
  background: #10263c center/cover no-repeat;
  background-image: var(--hero);
  min-height: 320px;          /* GIỮ CHỖ -> không bị nhảy khi tải ảnh */
}
@media (min-width: 992px){ .t-hero{ min-height: 520px } }

.t-hero__overlay{
  position:absolute; inset:0;
  background:linear-gradient(0deg,#000000e6,#00000040 67%); /* tối giống demo */
  z-index:1;
}
.t-hero__inner{
  position:relative; z-index:2;
  max-width:var(--container); margin:0 auto; padding:250px 16px 42px;
  display:flex; align-items:flex-end; gap:18px;
}
.t-hero__badge{
  width:110px; height:auto; flex:0 0 auto;
}
@media (min-width: 992px){ .t-hero__badge{ width:140px } }

.t-hero__meta{ color:#fff }
.t-hero__dates{
  display: inline-block;
    background: #0c2b44;
    padding: 6px 10px;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 10px;
}
.t-hero__title{
  margin:0; font-family:"Barlow Condensed","Be Vietnam Pro",sans-serif;
  font-size: clamp(32px, 6vw, 56px); line-height:.95; font-weight:600; letter-spacing:.3px;
}
.t-hero__city{ opacity:.9; font-weight:600; margin-top:6px }

/* NAV dưới hero (cố định chiều cao để tránh nhảy) */
.t-nav{
  background:linear-gradient(180deg,var(--navy),#0b2a45);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(0,0,0,.2);
}
.t-nav::after{ content:""; display:block; }
.t-nav{
  min-height: 56px;           /* GIỮ CHỖ NHẤT QUÁN */
}
.t-nav{
  display:flex; gap:22px; align-items:center;
  max-width:var(--container); margin:0 auto; padding:0 16px;
}
.t-nav__link{
 color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    border-bottom: 3px solid transparent;
    transition: color .15s, border-color .15s;
    font-family: 'Barlow Condensed';
    margin-right: 1.125rem;
    font-size: 18px;
}
.t-nav__link:hover{ color:#4dc1ef }
.t-nav__link.is-active{ color:#e7e700; border-color:var(--yellow) }