/**
 * WDMQ Frontend Styles
 * @package Woo_Dynamic_Manufacturing_Queue
 */

.wdmq-delivery-date-wrapper {
    margin: 1em 0;
    padding: 1em;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    border-left: 4px solid #28a745;
}

.wdmq-loading {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #6c757d;
}

.wdmq-spinner {
    width: 18px;
    height: 18px;
    border: 2px solid #dee2e6;
    border-top-color: #28a745;
    border-radius: 50%;
    animation: wdmq-spin 0.8s linear infinite;
}

@keyframes wdmq-spin {
    to {
        transform: rotate(360deg);
    }
}

.wdmq-label {
    font-weight: 600;
    color: #495057;
    margin-right: 0.5em;
}

.wdmq-date {
    color: #28a745;
    font-weight: 700;
    font-size: 1.1em;
}

.wdmq-error {
    color: #dc3545;
    font-style: italic;
}

.wdmq-error-state {
    border-left-color: #dc3545;
    background: linear-gradient(135deg, #fff5f5 0%, #ffe3e3 100%);
}

.wdmq-loaded .wdmq-content {
    animation: wdmq-fadeIn 0.3s ease-out;
}

@keyframes wdmq-fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* NoScript Fallback */
.wdmq-noscript-fallback {
    display: block;
}

.wdmq-loaded .wdmq-loading,
.wdmq-loaded noscript {
    display: none;
}

.wdmq-fallback {
    font-style: italic;
    color: #6c757d;
}