/* Navbar Visible - Ensure desktop navigation shows */

/* Show desktop navbar on medium screens and above */
@media (min-width: 768px) {
    /* Desktop Navigation - Always visible */
    nav.bg-blue-600.hidden.md\\:block {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        min-height: 4rem !important;
        overflow: visible !important;
    }

    /* Hide mobile header on desktop */
    .bg-blue-600.shadow-lg.md\\:hidden {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Ensure proper spacing for navbar items */
    nav.bg-blue-600.hidden.md\\:block .flex.items-center.space-x-4 {
        gap: 1rem !important;
    }

    /* Style for navbar links */
    nav.bg-blue-600.hidden.md\\:block .flex.items-center.space-x-4 a {
        white-space: nowrap !important;
        transition: all 0.2s ease !important;
        padding: 0.5rem 0.75rem !important;
        border-radius: 0.375rem !important;
    }

    /* Hover effects for navbar links */
    nav.bg-blue-600.hidden.md\\:block .flex.items-center.space-x-4 a:hover {
        background-color: rgba(255, 255, 255, 0.1) !important;
        transform: translateY(-1px) !important;
        color: #bfdbfe !important;
    }

    /* Style for user menu button */
    nav.bg-blue-600.hidden.md\\:block .relative button {
        white-space: nowrap !important;
        transition: all 0.2s ease !important;
        padding: 0.5rem 0.75rem !important;
        border-radius: 0.375rem !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Hover effects for user menu button */
    nav.bg-blue-600.hidden.md\\:block .relative button:hover {
        background-color: rgba(255, 255, 255, 0.1) !important;
        transform: translateY(-1px) !important;
        color: #bfdbfe !important;
    }

    /* Ensure logo is properly sized */
    nav.bg-blue-600.hidden.md\\:block .flex-shrink-0.flex.items-center {
        flex-shrink: 0 !important;
    }

    /* Ensure navbar container has proper width */
    nav.bg-blue-600.hidden.md\\:block .max-w-7xl {
        max-width: 80rem !important;
        margin: 0 auto !important;
        padding: 0 1rem !important;
    }

    /* User menu dropdown styling */
    nav.bg-blue-600.hidden.md\\:block .relative .absolute {
        background: white !important;
        border-radius: 0.5rem !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
        min-width: 200px !important;
        z-index: 1000 !important;
    }

    /* User menu items */
    nav.bg-blue-600.hidden.md\\:block .relative .absolute a,
    nav.bg-blue-600.hidden.md\\:block .relative .absolute button {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        padding: 0.75rem 1rem !important;
        color: #374151 !important;
        text-decoration: none !important;
        border: none !important;
        background: none !important;
        font-size: 0.875rem !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        border-bottom: 1px solid #f3f4f6 !important;
    }

    /* User menu items hover */
    nav.bg-blue-600.hidden.md\\:block .relative .absolute a:hover,
    nav.bg-blue-600.hidden.md\\:block .relative .absolute button:hover {
        background-color: #f3f4f6 !important;
        color: #1f2937 !important;
    }

    /* User menu divider */
    nav.bg-blue-600.hidden.md\\:block .relative .absolute .border-t {
        border-top-color: #e5e7eb !important;
        margin: 0.25rem 0 !important;
    }
}

/* Alternative selector approach */
@media (min-width: 768px) {
    /* Force show any nav with hidden md:block classes */
    nav[class*="hidden"][class*="md:block"] {
        display: block !important;
    }

    /* Force hide any div with md:hidden classes */
    div[class*="md:hidden"] {
        display: none !important;
    }
}

/* Ensure proper spacing below navbar */
@media (min-width: 768px) {
    main.flex-1.pb-20.md\\:pb-0 {
        padding-top: 0 !important;
    }
}

/* Responsive adjustments for larger screens */
@media (min-width: 1024px) {
    nav.bg-blue-600.hidden.md\\:block .max-w-7xl {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media (min-width: 1280px) {
    nav.bg-blue-600.hidden.md\\:block .max-w-7xl {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}