/* =====================================================
   HEADER – DESKTOP + MOBILE (header.css)
===================================================== */

.main-header {
    background-color: var(--header-bg-white);
    border-bottom: 3px solid var(--primary-color);
    box-shadow: var(--shadow-sm);
    padding: 6px 0;
    position: relative;
    z-index: 1030;
}

.navbar-nav .nav-link {
    color: var(--header-text-black);
    font-weight: 500;
    text-decoration: none;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: var(--primary-color);
}

/* HEADER ACTION BUTTONS */
.main-header .btn-login {
    background: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.main-header .btn-login:hover {
    background: var(--primary-color);
    color: #ffffff;
}

.main-header .btn-register {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #ffffff;
}

.main-header .btn-register:hover {
    background: var(--primary-dark);
}

/* HEADER LINK FIX */
.main-header a.btn,
.main-header a.btn:visited,
.main-header a.btn:hover {
    color: inherit;
    text-decoration: none;
}

/* HEADER LOGIN/REGISTER FIX */
.main-header a.btn-login,
.main-header a.btn-register {
    text-decoration: none !important;
}

.main-header a.btn-login {
    color: var(--primary-color) !important;
}

.main-header a.btn-login:hover,
.main-header a.btn-register:hover {
    color: #ffffff !important;
}