/* HEADER-SPECIFIC STYLES - Only affects elements within .header-wrapper */
/* These styles will NOT affect page content */

.header-wrapper {
    /* Header wrapper container - all header styles are scoped to this */
}

.header-wrapper .navbar-dark {
    background-color: #0f172a !important;
}

.header-wrapper .app-header-nav.navbar {
    /* Minimize header space while keeping it clickable */
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    min-height: 44px !important; /* Minimum touch target size */
}

/* Reduce navbar brand size */
.header-wrapper .navbar-brand,
.header-wrapper nav .navbar-brand {
    font-size: 1rem !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    margin-right: 0.5rem !important;
    line-height: 1.2 !important;
}

/* Reduce nav link padding but keep clickable */
.header-wrapper .nav-link,
.header-wrapper .navbar-nav .nav-link {
    padding: 0.4rem 0.75rem !important;
    font-size: 0.9rem !important;
    min-height: 44px !important; /* Minimum touch target */
    display: flex !important;
    align-items: center !important;
    line-height: 1.2 !important;
}

/* Reduce container padding in header */
.header-wrapper .container,
.header-wrapper nav .container {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

/* Smaller navbar toggler */
.header-wrapper .navbar-toggler,
.header-wrapper nav .navbar-toggler {
    padding: 0.25rem 0.5rem !important;
    font-size: 1rem !important;
    min-height: 44px !important;
    min-width: 44px !important;
}

/* Compact collapsed menu */
.header-wrapper .navbar-collapse {
    margin-top: 0.25rem !important;
}

.header-wrapper .navbar-nav {
    gap: 0.25rem !important;
}

/* Header styles should NOT affect page content outside .header-wrapper */