/**
 * JCOGS Image Pro - Cache Management Styles
 * ==========================================
 * Styling for the cache management interface including statistics and location management.
 * 
 * @category   ExpressionEngine Add-on
 * @package    JCOGS Image Pro
 * @author     JCOGS Design <contact@jcogs.net>
 * @copyright  Copyright (c) 2021 - 2025 JCOGS Design
 * @license    https://jcogs.net/add-ons/license/jcogs_img_pro
 * @version    2.0.6
 * @link       https://JCOGS.net/
 * @since      Cache Management Interface Implementation
 */

/* Panel Heading Modifications */
.panel-heading:has(h3.title-bar__title:empty) { 
    display: none; 
}

/* Fallback for browsers that don't support :has() */
.panel-heading .title-bar__title:empty { 
    display: none; 
}

.panel-heading .title-bar__title:empty ~ * { 
    display: none; 
}

.panel-heading:has(.title-bar__title:empty) { 
    display: none; 
}

/* Cache Statistics Display */
.cache-statistics-container {
    display: flex; 
    gap: 1.5rem; 
    margin-bottom: 1rem;
}

.cache-stat-box {
    flex: 1; 
    border-radius: 0.5rem; 
    padding: 1.25rem; 
    text-align: center;
}

.cache-stat-box.primary {
    background: #f8fafc; 
    border: 1px solid #e2e8f0;
}

.cache-stat-box.success {
    background: #f0fdf4; 
    border: 1px solid #bbf7d0;
}

.cache-stat-box.info {
    background: #eff6ff; 
    border: 1px solid #bfdbfe;
}

.cache-stat-box.error {
    background: #fef2f2; 
    border: 1px solid #fecaca;
    color: #dc2626;
}

/* Stat Box Typography */
.cache-stat-value {
    font-size: 2rem; 
    font-weight: 700; 
    margin-bottom: 0.5rem;
}

.cache-stat-value.primary {
    color: #1e293b;
}

.cache-stat-value.success {
    color: #166534;
}

.cache-stat-value.info {
    color: #1d4ed8;
}

.cache-stat-label {
    font-size: 0.875rem; 
    font-weight: 500;
}

.cache-stat-label.primary {
    color: #64748b;
}

.cache-stat-label.success {
    color: #16a34a;
}

.cache-stat-label.info {
    color: #2563eb;
}

/* Error State Styling */
.cache-error-message {
    background: #fef2f2; 
    border: 1px solid #fecaca; 
    border-radius: 0.5rem; 
    padding: 1.25rem; 
    color: #dc2626;
}

.cache-error-message strong {
    font-weight: 600;
}

/* Widget Adjustments */
.widget .meta-info {
    text-align: left;
}

/* Responsive Design */
@media (max-width: 768px) {
    .cache-statistics-container {
        flex-direction: column;
        gap: 1rem;
    }
    
    .cache-stat-value {
        font-size: 1.5rem;
    }
    
    .cache-stat-label {
        font-size: 0.8125rem;
    }
}
