/* ===== Custom Header Grey Colour ===== */

/* Change header and navigation background */
.pkp_head_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_site_nav_menu,
.pkp_site_name_wrapper,
.pkp_site_nav_menu_wrapper {
    background-color: #dddddd !important; /* grey tone */
}

/* Change the background of the site header (top blue bar) */
.pkp_structure_head {
    background-color: #dddddd !important; /* replace with your preferred grey */
}

/* Optional: adjust text colour in header for better contrast */
.pkp_site_nav_menu a,
.pkp_navigation_primary a,
.pkp_site_name a {
    color: #222222 !important;
}

/* Optional: hover effect for menu links */
.pkp_site_nav_menu a:hover,
.pkp_navigation_primary a:hover {
    color: #0056b3 !important;
}