/**
 * 환율 사이드바 위젯 스타일
 *
 * - 스켈레톤 로딩 UI
 * - 환율 테이블 스타일
 *
 * 이 파일은 widgets/sidebar/currency-exchange.php 에서 로드됩니다.
 */

/* 스켈레톤 로딩 애니메이션 */
.sidebar-widget[data-widget-id="currency-exchange"] .skeleton {
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* 환율 테이블 스타일 */
.sidebar-widget[data-widget-id="currency-exchange"] .table {
    margin-bottom: 0;
}

.sidebar-widget[data-widget-id="currency-exchange"] .table td {
    padding: 0.35rem 0.5rem;
    vertical-align: middle;
}

/* 기준 통화 표시 영역 */
.sidebar-widget[data-widget-id="currency-exchange"] .currency-base {
    background-color: rgba(var(--bs-primary-rgb), 0.05);
    border-radius: 0.375rem;
    padding: 0.5rem;
}