/* Custom Button Classes for Primary Colors */

/* Primary Color Classes */
.bg-primary-color {
    background-color: var(--primary-color, #4361ee) !important;
}

.hover\:bg-primary-dark:hover {
    background-color: var(--primary-dark, #3f37c9) !important;
}

.text-primary-color {
    color: var(--primary-color, #4361ee) !important;
}

.hover\:text-primary-dark:hover {
    color: var(--primary-dark, #3f37c9) !important;
}

.border-primary-color {
    border-color: var(--primary-color, #4361ee) !important;
}

.hover\:border-primary-dark:hover {
    border-color: var(--primary-dark, #3f37c9) !important;
}

/* Define primary-dark color variable if not defined */
:root {
    --primary-dark: #3f37c9;
}

/* Ensure buttons are visible and properly styled */
.btn-primary,
.bg-primary-color {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1;
}

/* Fix for hidden buttons */
button[class*="bg-primary-color"],
a[class*="bg-primary-color"] {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative;
    z-index: 10;
}

/* Ensure proper contrast for text */
.bg-primary-color {
    color: white !important;
}

.bg-primary-color:hover {
    color: white !important;
}

/* Additional utility classes */
.ring-primary-color {
    --tw-ring-color: var(--primary-color, #4361ee);
}

.focus\:ring-primary-color:focus {
    --tw-ring-color: var(--primary-color, #4361ee);
}

.focus\:border-primary-color:focus {
    border-color: var(--primary-color, #4361ee);
}

/* Dark mode support */
.dark .bg-primary-color {
    background-color: var(--primary-color, #4cc9f0) !important;
}

.dark .hover\:bg-primary-dark:hover {
    background-color: var(--primary-dark, #4361ee) !important;
}

.dark .text-primary-color {
    color: var(--primary-color, #4cc9f0) !important;
}

.dark .hover\:text-primary-dark:hover {
    color: var(--primary-dark, #4361ee) !important;
}