/* Custom Theme for Streets Are Calling */
/* Override DaisyUI badge colors with !important to ensure they take precedence */

/* Badge Secondary - Used for activity types */
.badge-secondary {
    background-color: #3B82F6 !important; /* blue-500 */
    color: #FFFFFF !important;
    border-color: transparent !important;
}

.badge-secondary:hover {
    background-color: #2563EB !important; /* blue-600 */
}

/* Badge Info - Used for map matched status */
.badge-info {
    background-color: #0EA5E9 !important; /* sky-500 */
    color: #FFFFFF !important;
    border-color: transparent !important;
}

.badge-info:hover {
    background-color: #0284C7 !important; /* sky-600 */
}

/* Badge Success - Used for processed status */
.badge-success {
    background-color: #22C55E !important; /* green-500 */
    color: #FFFFFF !important;
    border-color: transparent !important;
}

.badge-success:hover {
    background-color: #16A34A !important; /* green-600 */
}

/* Badge Warning - Used for pending status */
.badge-warning {
    background-color: #EAB308 !important; /* yellow-500 */
    color: #FFFFFF !important;
    border-color: transparent !important;
}

.badge-warning:hover {
    background-color: #CA8A04 !important; /* yellow-600 */
}

/* Badge Accent - Used for video ready status */
.badge-accent {
    background-color: #F97316 !important; /* orange-500 */
    color: #FFFFFF !important;
    border-color: transparent !important;
}

.badge-accent:hover {
    background-color: #EA580C !important; /* orange-600 */
}

/* Dark mode adjustments */
[data-theme="dark"] .badge-secondary {
    background-color: #60A5FA !important; /* blue-400 */
    color: #111827 !important; /* gray-900 */
}

[data-theme="dark"] .badge-info {
    background-color: #38BDF8 !important; /* sky-400 */
    color: #111827 !important; /* gray-900 */
}

[data-theme="dark"] .badge-success {
    background-color: #4ADE80 !important; /* green-400 */
    color: #111827 !important; /* gray-900 */
}

[data-theme="dark"] .badge-warning {
    background-color: #FACC15 !important; /* yellow-400 */
    color: #111827 !important; /* gray-900 */
}

[data-theme="dark"] .badge-accent {
    background-color: #FB923C !important; /* orange-400 */
    color: #111827 !important; /* gray-900 */
}

/* Button overrides to match badge colors */
.btn-secondary {
    background-color: #3B82F6 !important; /* blue-500 */
    color: #FFFFFF !important;
    border-color: #3B82F6 !important;
}

.btn-secondary:hover {
    background-color: #2563EB !important; /* blue-600 */
    border-color: #2563EB !important;
}

.btn-accent {
    background-color: #F97316 !important; /* orange-500 */
    color: #FFFFFF !important;
    border-color: #F97316 !important;
}

.btn-accent:hover {
    background-color: #EA580C !important; /* orange-600 */
    border-color: #EA580C !important;
}

.btn-info {
    background-color: #0EA5E9 !important; /* sky-500 */
    color: #FFFFFF !important;
    border-color: #0EA5E9 !important;
}

.btn-info:hover {
    background-color: #0284C7 !important; /* sky-600 */
    border-color: #0284C7 !important;
}

/* Dark mode button adjustments */
[data-theme="dark"] .btn-secondary {
    background-color: #60A5FA !important; /* blue-400 */
    color: #111827 !important;
    border-color: #60A5FA !important;
}

[data-theme="dark"] .btn-accent {
    background-color: #FB923C !important; /* orange-400 */
    color: #111827 !important;
    border-color: #FB923C !important;
}

[data-theme="dark"] .btn-info {
    background-color: #38BDF8 !important; /* sky-400 */
    color: #111827 !important;
    border-color: #38BDF8 !important;
}

/* HTMX loading state - hide button text and show spinner */
button.htmx-request .btn-text {
    display: none !important;
}

button.htmx-request .htmx-indicator {
    display: inline-block !important;
}

/* Default state - hide spinner, show text */
.htmx-indicator {
    display: none !important;
}

.btn-text {
    display: inline-block !important;
}