/* Header Edge Layout - Positions login/signup and hamburger menu at screen edges */

/* Override header inner to use full width */
.ip-header-inner {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 !important;
}

/* Full width header content */
.ip-header-content {
    width: 100%;
    max-width: 100%;
    padding: 0 1rem;
    margin: 0;
}

/* Logo and navigation stay in center area */
.ip-brand {
    margin-left: 1rem;
}

/* Center navigation area */
.ip-nav {
    flex: 1;
    justify-content: center;
    margin: 0 2rem;
}

/* Push header actions to right edge */
.ip-header-actions {
    margin-right: 0;
    padding-right: 1rem;
    gap: 0.75rem;
}

/* Auth buttons styling at edge */
.ip-auth-buttons {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/* Hamburger menu button at far right */
.ip-menu-toggle-btn {
    margin-left: 0.75rem !important;
    margin-right: 0 !important;
    padding: 0.5rem;
}

/* Ensure proper spacing for logged-in user elements */
.ip-user-menu {
    margin-right: 0;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .ip-header-content {
        padding: 0 0.5rem;
    }
    
    .ip-brand {
        margin-left: 0.5rem;
    }
    
    .ip-header-actions {
        padding-right: 0.5rem;
        gap: 0.5rem;
    }
    
    .ip-auth-buttons .ip-btn {
        padding: 0.25rem 0.75rem;
        font-size: 0.875rem;
    }
}

/* Large screens - extend to edges */
@media (min-width: 1400px) {
    .ip-header-content {
        padding: 0 2rem;
    }
    
    .ip-nav {
        max-width: 800px;
        margin: 0 auto;
    }
}

/* Specific adjustments for TechHub page */
.techhub-page .ip-header-inner {
    padding: 0 !important;
}

/* Ensure dropdown menus don't get cut off at edges */
.ip-header-actions .ip-dropdown-menu {
    right: 0;
    left: auto;
}

/* Notification container positioning */
.notification-container {
    position: relative;
}

/* Points display adjustment */
.ip-points {
    white-space: nowrap;
}