/* Header
.site-header {
    display:flex; justify-content:space-between; align-items:center;
    padding:12px 24px; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,0.1); position:relative;
}
.site-header .logo a { font-size:24px; font-weight:700; color:#ff385c; text-decoration:none; }
.site-header nav { display:flex; align-items:center; }
.site-header nav ul.nav-menu { list-style:none; display:flex; gap:16px; margin:0; padding:0; }
.site-header nav ul.nav-menu li a {
    text-decoration:none; color:#333; padding:8px 12px; border-radius:8px; transition:0.2s;
}
.site-header nav ul.nav-menu li a:hover { background:#f2f2f2; }
.site-header .hamburger { display:none; font-size:28px; cursor:pointer; } */

/* Footer */
.site-footer { background:#f7f7f8; padding:20px; text-align:center; color:#555; margin-top:40px; font-size:14px; }
.site-footer a { color:#ff385c; text-decoration:none; margin:0 6px; }
.site-footer a:hover { text-decoration:underline; }

/* Mobile
@media(max-width:780px){
    .site-header nav ul.nav-menu { flex-direction:column; position:absolute; top:60px; right:0; background:#fff; width:200px; display:none; padding:12px; box-shadow:0 2px 10px rgba(0,0,0,0.1);}
    .site-header nav ul.nav-menu.active { display:flex; }
    .site-header .hamburger { display:block; }
}
/* Make header stacked like Airbnb 
.site-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
    background: #ffffff;
}

.header-top .logo a {
    font-size: 28px;
    font-weight: 700;
    color: #ff385c;
    text-decoration: none;
}

.header-nav {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.nav-menu {
    display: flex;
    list-style: none;
    gap: 25px;
}

.nav-menu li a {
    text-decoration: none;
    font-size: 15px;
    color: #333;
    font-weight: 500;
}
*/
/* Mobile hamburger 
.hamburger {
    display: none;
}
*/
/* Mobile layout
@media (max-width: 768px) {
    .nav-menu {
        display: none;
        flex-direction: column;
        text-align: center;
        background: #fff;
        width: 100%;
        padding: 15px 0;
    }

    .nav-menu.active {
        display: flex;
    }

    .hamburger {
        display: block;
        font-size: 24px;
        cursor: pointer;
    }
}
.nav-menu li a {
    font-weight: 800;
    letter-spacing: 0.3px;
}
 */
/* --- HEADER CONTAINER --- *//* ----- ROW 1 LAYOUT -----
.header-top-row {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px;
}

.header-logo-left {
    flex: 0 0 20%;  
}

.header-banner-right {
    flex: 0 0 80%;  
    text-align: left;
}

.header-logo-left img {
    max-height: 80px;
    width: 100%;
}

.header-banner-right img {
    max-height: 80px;
    width: 100%;
    align-items: left;
    /*object-fit: contain;*/
}

/* Navigation & menu bold *
.nav-menu li a {
    font-weight: bold;
}
/
/*LOGIN & REGISTER BUTTON CSS */
/* Push login/register to right 
.nav-menu {
    display: flex;
    align-items: center;
    gap: 20px;
}

.auth-buttons {
    margin-left: auto; 
    display: flex;
    gap: 10px;
}
*/
/* Button styles
.btn-auth {
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}

.login-btn {
    background: #FFA500;
}

.login-btn:hover {
    background: #333;
}

.register-btn {
    background: #ff385c;
}

.register-btn:hover {
    background: #e02a4b;
}
 */