/* 1. Reset Navbar to be transparent so the dog image shows through */
.cd-navigation-bar {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 2. Text Outline for the Club Name (to keep it readable on the image) */
.cd-club-name {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px #000, -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000 !important;
}

/* 3. Standardized Style for BOTH Login and Menu Buttons */
.cd-button-login, 
.cd-megamenu-button {
    display: inline-block !important;
    color: #ffffff !important;
    background-color: #3598db !important; /* Your PSVA Blue */
    padding: 8px 16px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: background-color 0.2s ease-in-out !important;
    text-shadow: none !important; /* Clean look inside the button */
    border: none !important;
}

/* 4. Hover State for both buttons */
.cd-button-login:hover, 
.cd-megamenu-button:hover {
    background-color: #236fa1 !important; /* Darker blue on hover */
    color: #ffffff !important;
}

/* 5. Space between the buttons if they are too close */
.cd-separator {
    margin: 0 10px !important;
    border-left: 1px solid rgba(255,255,255,0.3) !important;
}