/*
 * Wykres cen akcji (ApexCharts) + przyciski okresów.
 * Używany przez blok nm/stock-chart ORAZ shortcode [mcr_stock_chart]
 * (sekcje buildera), dlatego selektory bez prefiksu .section-stock-chart.
 * Wartości przeniesione 1:1 z dist/css/app.css motywu nomonday.
 * Handle: mcr-stock-chart (rejestracja w inc/blocks.php).
 */

.stock-chart .stock-chart__periods {
    gap: 1rem;
}

.stock-chart .stock-chart__button-period {
    background-color: transparent;
    border: 1px solid var(--mcr-blue);
    cursor: pointer;
    font-family: inherit;
    font-size: 1rem;
    height: 3rem;
    padding: 0;
    transition: all 0.3s ease-in;
    width: 3rem;
}

.stock-chart .stock-chart__button-period:focus-visible,
.stock-chart .stock-chart__button-period:hover {
    background-color: #ecebff;
}

.stock-chart .stock-chart__button-period.active-period,
.stock-chart .stock-chart__button-period:active {
    background-color: #b6adff;
    border-color: #341f9e;
}