/* Container for the chart-only shortcode */
.gbcharts-graph-chart-container {
    max-width: 100%;
    margin: 20px auto;
    background-color:#fff;
}

    /* Ensure the canvas scales responsively */
    .gbcharts-graph-chart-container .gbcharts-price-chart {
        width: 100%;
        max-height: 550px;
        display: block;
    }

    /* Filter buttons styling within the chart container */
    .gbcharts-graph-chart-container .filter-buttons {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-bottom: 10px;
    }

        .gbcharts-graph-chart-container .filter-buttons button {
            padding: 6px 12px;
            cursor: pointer;
            border: 1px solid #ccc;
            background: #f0f0f0;
            border-radius: 4px;
            font-size: 14px;
        }

            /* Active state for filter buttons */
            .gbcharts-graph-chart-container .filter-buttons button.active {
                background: #c6a94d;
                color: #fff;
                border-color: #c6a94d;
            }