/* HEADER */

.main-header{

background:var(--primary-green);

position:sticky;

top:0;

z-index:1000;

padding:12px 0;

box-shadow:
0 2px 10px rgba(0,0,0,0.04);

}
body{

margin:0;

padding:0;

}

/* HEADER FLEX */

.header-wrapper{

display:flex;  
justify-content:space-between;  
align-items:center;

}

/* LOGO */

.logo h1{

color:var(--white);  
font-size:28px;  
font-weight:bold;

}

/* NAVBAR */

.tickorder-menu{

display:flex;  
flex-direction:row;  
align-items:center;  
gap:15px;  

margin:0;  
padding:0;  

list-style:none;

}

.tickorder-menu li{

list-style:none;

}

.tickorder-menu li a{

display:block;  
color:var(--white);  
text-decoration:none;  
font-size:16px;  
font-weight:600;  
padding:10px 16px;  
border-radius:8px;  
transition:0.3s ease;

}

.tickorder-menu li a:hover{

background:rgba(255,255,255,0.15);

}

.logo a{

text-decoration:none;

color:inherit;

display:inline-block;

}