/* Custom styles to supplement Tailwind CSS */

/* Keep using CDN for now but add some custom styles */
.bg-primary {
    background-color: #2563eb;
}

.text-primary {
    color: #2563eb;
}

.border-primary {
    border-color: #2563eb;
}

/* Custom form styles */
.form-input {
    @apply mt-1 focus:ring-blue-500 focus:border-blue-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md;
}

/* Custom button styles */
.btn-primary {
    @apply bg-blue-600 py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500;
}

.btn-secondary {
    @apply bg-white py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500;
}

/* Navigation dropdowns - force maximum z-index */
nav .group .absolute {
    z-index: 99999 !important;
}

/* Ensure navigation container doesn't get buried */
nav {
    position: relative;
    z-index: 100;
}

/* Keep main content below navigation */
main {
    position: relative;
    z-index: 10;
}

/* Prevent icon distortion in cards */
.fas, .far, .fab {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}