/**
 * UN|REDACTED Commerce — Front-end CSS
 * Most dark-mode styles are injected inline by the plugin.
 * This file adds enhancements and animations.
 */

.unr-purchase-mode {
    font-family: 'Courier Prime', 'Courier New', monospace;
}

.unr-mode-option {
    transition: all 0.2s ease;
}

.unr-mode-option:has(input:checked) {
    border-color: #CCFF00;
    background: rgba(204, 255, 0, 0.05);
}

#unr-rep-results {
    margin-top: 12px;
}

.unr-rep-card {
    transition: all 0.2s ease;
}

.unr-rep-card:hover {
    border-color: #CCFF00;
}

.button-active {
    background: #fff !important;
    color: #0a0a0a !important;
}

@keyframes unr-pulse-warning {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.unr-recipient-warning {
    animation: unr-pulse-warning 2s ease-in-out 2;
}

/* Mobile adjustments */
@media (max-width: 600px) {
    .unr-zip-input-wrap {
        flex-direction: column;
    }
    #unr-zip-lookup-btn {
        width: 100%;
    }
    .unr-rep-card > div:last-child {
        flex-direction: column;
        align-items: stretch !important;
    }
}