/* 
 * Custom Theme Colors
 * Based on application theme: #efa831 (primary) and #e1520c (dark)
 */

:root {
    --theme-primary: #efa831;
    --theme-primary-dark: #e1520c;
    --theme-primary-light: #f5c97a;
    --theme-success: #339266;
    --theme-danger: #dc3545;
    --theme-warning: #ffc107;
    --theme-info: #17a2b8;
    --theme-gradient-start: #efa831;
    --theme-gradient-end: #e1520c;
}

/* Override Bootstrap 5 primary colors */
.btn-primary {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--theme-primary-dark);
    border-color: var(--theme-primary-dark);
    color: #fff;
}

.btn-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(239, 168, 49, 0.5);
}

.text-primary {
    color: var(--theme-primary) !important;
}

.bg-primary {
    background-color: var(--theme-primary) !important;
}

.border-primary {
    border-color: var(--theme-primary) !important;
}

/* Card Header Gradient */
.card-header.theme-gradient {
    background: linear-gradient(135deg, var(--theme-gradient-start) 0%, var(--theme-gradient-end) 100%);
    border: none;
    color: white;
}

/* Status Badges */
.status-badge.active {
    background-color: var(--theme-success);
    color: white;
}

.status-badge.cancelled {
    background-color: var(--theme-danger);
    color: white;
}

.status-badge.pending {
    background-color: var(--theme-warning);
    color: #212529;
}

/* Timeline Colors */
.timeline-step.completed .timeline-icon {
    background-color: var(--theme-success);
    border-color: var(--theme-success);
    color: #fff;
}

.timeline-step.current .timeline-icon {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
    color: #fff;
}

@keyframes pulse-theme {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 168, 49, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(239, 168, 49, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(239, 168, 49, 0);
    }
}

.timeline-step.current .timeline-icon {
    animation: pulse-theme 2s infinite;
}

/* Order Type Selection Buttons */
#orderTypeGroup .btn-check:checked + .btn {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
    color: #fff;
}

/* Link Colors */
a.text-primary,
.text-primary {
    color: var(--theme-primary) !important;
}

a.text-primary:hover {
    color: var(--theme-primary-dark) !important;
}

/* Cancellation Section */
#divCancellationSection .card-header {
    background-color: var(--theme-danger) !important;
}

/* Alert Colors */
.alert-info {
    background-color: rgba(23, 162, 184, 0.1);
    border-color: var(--theme-info);
    color: #0c5460;
}

.alert-success {
    background-color: rgba(51, 146, 102, 0.1);
    border-color: var(--theme-success);
    color: #1e5d3f;
}

.alert-danger {
    background-color: rgba(220, 53, 69, 0.1);
    border-color: var(--theme-danger);
    color: #721c24;
}

.alert-warning {
    background-color: var(--theme-warning) !important;
    border-color: var(--theme-warning) !important;
    color: #212529 !important;
}

/* Override for label-arrow alert styling */
.alert-warning.label-arrow,
.alert.alert-warning.label-arrow {
    background-color: var(--theme-warning) !important;
    border-color: var(--theme-warning) !important;
    color: #212529 !important;
}

/* jGrowl Theme Overrides */
div.jGrowl div.jGrowl-notification.warning,
div.jGrowl div.warning {
    background-color: var(--theme-warning) !important;
    background: var(--theme-warning) !important;
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity = 100) !important;
    color: #212529 !important;
}

div.jGrowl div.jGrowl-notification.warning div.message,
div.jGrowl div.warning div.message {
    color: #212529 !important;
}

div.jGrowl div.jGrowl-notification.danger,
div.jGrowl div.danger {
    background-color: var(--theme-danger) !important;
    background: var(--theme-danger) !important;
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity = 100) !important;
    color: #fff !important;
}

div.jGrowl div.jGrowl-notification.danger div.message,
div.jGrowl div.danger div.message {
    color: #fff !important;
}

div.jGrowl div.jGrowl-notification.success,
div.jGrowl div.success {
    background-color: var(--theme-success) !important;
    background: var(--theme-success) !important;
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity = 100) !important;
    color: #fff !important;
}

div.jGrowl div.jGrowl-notification.success div.message,
div.jGrowl div.success div.message {
    color: #fff !important;
}

div.jGrowl div.jGrowl-notification.info,
div.jGrowl div.info {
    background-color: var(--theme-info) !important;
    background: var(--theme-info) !important;
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity = 100) !important;
    color: #fff !important;
}

div.jGrowl div.jGrowl-notification.info div.message,
div.jGrowl div.info div.message {
    color: #fff !important;
}