/* Font Size Standardization for Opportunity Cards */
/* Ensures consistent font sizes between current-price and opportunity-details sections */

/* Keep current price display at original size (do not increase) */
.current-price {
    font-size: 0.95rem !important; /* Reduced even more - much smaller than original */
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Standardize opportunity details to match current price proportionally */
.multi-timeframe-opportunity-item .detail-value {
    font-size: 15px !important; /* Increased from 12px for better readability */
    font-weight: 600 !important;
}

.multi-timeframe-opportunity-item .detail-label {
    font-size: 10px !important; /* Increased from 9px for better readability */
    font-weight: 500 !important;
}

/* Ensure percentage indicators are consistent */
.multi-timeframe-opportunity-item .detail-percentage {
    font-size: 13px !important; /* Increased from 10px for consistency */
    font-weight: 500 !important;
}

/* Mobile responsiveness - scale proportionally */
@media (max-width: 768px) {
    .current-price {
        font-size: 0.85rem !important; /* Reduced for mobile - smaller size */
    }
    
    .multi-timeframe-opportunity-item .detail-value {
        font-size: 14px !important;
    }
    
    .multi-timeframe-opportunity-item .detail-label {
        font-size: 9px !important;
    }
    
    .multi-timeframe-opportunity-item .detail-percentage {
        font-size: 12px !important;
    }
}

/* Tablet responsiveness */
@media (max-width: 1024px) and (min-width: 769px) {
    .current-price {
        font-size: 0.9rem !important; /* Reduced for tablet - smaller size */
    }
    
    .multi-timeframe-opportunity-item .detail-value {
        font-size: 14px !important;
    }
}

/* Additional consistency for timer and status elements */
.multi-timeframe-opportunity-item .opportunity-timer {
    font-size: 10px !important; /* Increased from 9px for consistency */
}

.multi-timeframe-opportunity-item .timer-label,
.multi-timeframe-opportunity-item .timer-value {
    font-size: 10px !important;
}

.multi-timeframe-opportunity-item .opportunity-status {
    font-size: 10px !important;
    font-weight: 600 !important;
}