/* ==========================
   NAVBAR
========================== */

.navbar{

    position:sticky;

    top:0;

    z-index:999;

    background:white;

    box-shadow:0 4px 15px rgba(0,0,0,.08);

}

.nav-container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    height:80px;

}

.logo{

    font-size:34px;

    font-weight:700;

    color:var(--primary);

}

.nav-menu{

    display:flex;

    gap:40px;

    list-style:none;

}

.nav-menu a{

    color:var(--text);

    font-weight:600;

}

.nav-menu a:hover{

    color:var(--secondary);

}

.active{

    color:var(--secondary);

}

/* ==========================
 /* ==========================
   HERO
========================== */

.hero{

    min-height:60vh;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    background:linear-gradient(135deg,#0B3C5D,#164D74);

    color:white;

    padding:50px 0;

}

.badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:50px;

    background:#ffffff22;

    margin-bottom:20px;

    font-size:13px;

    letter-spacing:2px;

}

.hero h1{

    font-size:56px;

    line-height:1.1;

    margin-bottom:18px;

}

.hero p{

    font-size:20px;

    max-width:850px;

    margin:auto;

    opacity:.9;

}

.hero-buttons{

    margin-top:30px;

    display:flex;

    justify-content:center;

    gap:20px;

}
.fixture-row{

    display:grid;

    grid-template-columns:

        90px

        minmax(420px,1fr)

        100px

        180px

        140px;

    align-items:center;

    column-gap:20px;

}

.players{

    font-size:20px;

    font-weight:700;

    white-space:nowrap;

}

.fixture-actions{

    display:flex;

    justify-content:flex-end;

    align-items:center;

}

.fixture-result{

    line-height:1.35;

    font-size:15px;

}

.fixture-info{

    line-height:1.35;

    font-size:15px;

}

.match-no{

    font-size:15px;

    font-weight:700;

    color:#0B3C5D;

    white-space:nowrap;

}
.fixture-score{

    text-align:center;

    font-weight:600;

    white-space:nowrap;

}

.fixture-winner{

    text-align:center;

    white-space:nowrap;

}
.fixture-status{

    display:flex;

    justify-content:flex-end;

}

.vs{

    margin:0 8px;

}
.page-header{

    padding:20px 0 10px;

    margin:0;

}

.page-header h1{

    margin:0 0 8px;

}

.page-header p{

    margin:0;

}