/**
 * FluentCart Currency Converter - Frontend Styles
 */

/* Converted price display */
.fcurrency-converted {
    display: block;
    font-size: 0.85em;
    color: #666;
    margin-top: 2px;
    font-style: italic;
}

/* Inline variant for compact displays */
.fcurrency-converted-inline {
    display: inline;
    font-size: 0.9em;
    color: #666;
    margin-left: 8px;
}

/* Cart item prices */
.fc-cart-item .fcurrency-converted {
    font-size: 0.8em;
    color: #888;
}

/* Checkout totals */
.fc-checkout-total .fcurrency-converted,
.fc-order-total .fcurrency-converted {
    font-size: 0.9em;
    color: #555;
    font-weight: normal;
}

/* Notice banner */
.fcurrency-notice {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    padding: 8px 12px;
    margin-bottom: 15px;
}

.fcurrency-info-text {
    color: #6c757d;
    font-size: 12px;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .fcurrency-converted {
        color: #aaa;
    }

    .fcurrency-notice {
        background-color: #2d2d2d;
        border-color: #404040;
    }

    .fcurrency-info-text {
        color: #999;
    }
}

/* Animation for price updates */
.fcurrency-converted.fcurrency-updating {
    opacity: 0.5;
    transition: opacity 0.2s ease;
}

.fcurrency-converted.fcurrency-updated {
    opacity: 1;
    animation: fcurrency-highlight 0.5s ease;
}

@keyframes fcurrency-highlight {
    0% {
        background-color: rgba(255, 193, 7, 0.3);
    }
    100% {
        background-color: transparent;
    }
}