/**
 * Login Register Navbar - Simple Frontend Styles
 * Using inline styles for centering, CSS for enhancements only
 */

/* Basic navbar styling */
#lrn-navbar {
    width: 100%;
    z-index: 999;
    position: relative;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    border-bottom: none !important;
    border-top: none !important;
    transition: all 0.3s ease;
}

/* Sticky navbar functionality */
#lrn-navbar.lrn-sticky-enabled {
    position: relative;
    transition: all 0.3s ease;
}

#lrn-navbar.lrn-is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9998;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

/* Body adjustment when sticky is active */
body.lrn-navbar-sticky-active {
    padding-top: 60px;
}

/* Button hover effects */
#lrn-navbar button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
    transition: all 0.3s ease;
}

#lrn-navbar button:active {
    transform: translateY(0);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    #lrn-navbar button {
        min-width: 8% !important;
        padding: 8px 15px !important;
        font-size: 14px !important;
        margin: 0px 5px !important;
    }
}

@media (max-width: 480px) {
    #lrn-navbar {
        height: 50px !important;
    }
    
    #lrn-navbar button {
        min-width: 6% !important;
        padding: 6px 12px !important;
        font-size: 12px !important;
        margin: 0px 3px !important;
    }
}

/* Mobile hide functionality */
#lrn-navbar.lrn-hide-mobile {
    display: flex;
}

@media screen and (max-width: 768px) {
    #lrn-navbar.lrn-hide-mobile {
        display: none !important;
    }
}

/* GeneratePress integration */
#lrn-navbar.lrn-generatepress-theme {
    position: relative;
    width: 100%;
}

/* Ensure proper integration with GeneratePress sticky navigation */
.navigation-stick ~ #lrn-navbar.lrn-is-sticky {
    z-index: 9997;
}

/* Accessibility */
#lrn-navbar button:focus {
    outline: 3px solid rgba(255, 215, 0, 0.6);
    outline-offset: 2px;
}

#lrn-navbar button:focus:not(:focus-visible) {
    outline: none;
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    #lrn-navbar button,
    #lrn-navbar {
        transition: none;
    }
    
    #lrn-navbar button:hover {
        transform: none;
    }
}

/* Print Styles */
@media print {
    #lrn-navbar {
        display: none;
    }
}