/* Perfect Navigation Frontend Styles */
.perfect-navigation * {
    box-sizing: border-box;
}

.perfect-navigation {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

/* Mobile menu animation */
.mobile-menu {
    transition: max-height 0.3s ease-in-out;
}

/* Ensure proper z-index stacking */
.perfect-navigation {
    z-index: 9999;
}

/* Button focus states */
.cta-button:focus,
.mobile-menu-btn:focus {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Responsive improvements */
@media (max-width: 768px) {
    .perfect-navigation {
        padding: 1rem !important;
    }
    
    .nav-container {
        gap: 0.5rem !important;
    }
    
    .cta-button {
        padding: 0.5rem 1rem !important;
        font-size: 0.75rem !important;
    }
}

/* Accessibility improvements */
.mobile-menu-btn {
    min-width: 44px;
    min-height: 44px;
}

.mobile-menu-item {
    min-height: 44px;
    display: flex;
    align-items: center;
}

/* Print styles */
@media print {
    .perfect-navigation {
        position: relative !important;
        background: white !important;
        border: 1px solid #ddd !important;
    }
    
    .mobile-menu-btn,
    .mobile-menu {
        display: none !important;
    }
}