/*
 Theme Name: Screenr Child
 Theme URI: https://example.com/screenr-child
 Description: Child theme for Screenr with Bootstrap-inspired header and BuddyPress enhancements.
 Author: Codex
 Template: screenr
 Version: 1.0.0
 Text Domain: screenr-child
*/

/* Header & Navigation overrides */
.site-header {
    background-color: #007bff;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.site-header .site-branding .site-title a,
.site-header .site-branding .site-title a:visited,
.site-header .site-branding .site-description,
.site-header .nav-menu > li > a,
.site-header .nav-menu > li > a:visited {
    color: #ffffff;
}

.site-header .site-branding .site-title a:hover,
.site-header .nav-menu > li > a:hover,
.site-header .nav-menu > li > a:focus,
.site-header .nav-menu > li.current-menu-item > a,
.site-header .nav-menu > li.current-menu-ancestor > a {
    color: #d8e8ff;
}

.site-header .nav-menu > li > a::after {
    background-color: rgba(255, 255, 255, 0.35);
}

.site-header .nav-menu > li > a,
.site-header .nav-menu > li > a::after {
    transition: color 0.2s ease, background-color 0.2s ease;
}

.site-header .header-right-wrapper #nav-toggle {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.4);
}

.site-header .header-right-wrapper #nav-toggle span,
.site-header .header-right-wrapper #nav-toggle span::before,
.site-header .header-right-wrapper #nav-toggle span::after {
    background: #ffffff;
}

/* Dropdown menus */
.site-header .nav-menu ul {
    border-color: rgba(0, 0, 0, 0.08);
}

.site-header .nav-menu ul li a {
    background-color: #0d6efd;
    color: #ffffff;
}

.site-header .nav-menu ul li a:hover,
.site-header .nav-menu ul li.current-menu-item > a {
    background-color: #0b5ed7;
    color: #ffffff;
}

/* Mobile navigation */
.nav-menu.nav-menu-mobile {
    background: #0d6efd;
    border-bottom: none;
}

.nav-menu.nav-menu-mobile li {
    background: transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.nav-menu.nav-menu-mobile a {
    color: #ffffff;
}

.nav-menu.nav-menu-mobile a:hover,
.nav-menu.nav-menu-mobile li.nav-current-item > a {
    color: #d8e8ff;
}

/* Utility */
body.header-layout-transparent .site-header.transparent {
    background-color: rgba(0, 123, 255, 0.95);
}

/* BuddyPress overrides live in assets/css/buddypress.css */