/**
 * Google Charts for Elementor - Frontend Styles
 */

.google-chart-wrapper {
    width: 100%;
    margin: 0 auto;
}

.google-chart-container {
    width: 100%;
    min-height: 300px;
}

.gce-error {
    padding: 20px;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    color: #856404;
    text-align: center;
    font-size: 14px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .google-chart-container {
        overflow-x: auto;
    }
}

/* Loading state */
.google-chart-container.loading {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
}

.google-chart-container.loading::after {
    content: 'Loading chart...';
    color: #666;
    font-size: 14px;
}