/* =============================================
   ApexCharts global style overrides
   chart.css — all ApexCharts visual styling
   ============================================= */

/* Base font for all SVG text in every chart */
.apexcharts-canvas text {
    font-family: 'SUIT', sans-serif;
}

/* X-axis tick labels */
.apexcharts-xaxis-label {
    font-size: 13px;
    fill: #666;
    font-weight: normal;
}

/* Y-axis tick labels */
.apexcharts-yaxis-label {
    font-size: 13px;
    fill: #666;
    font-weight: normal;
}

/* Y-axis title text */
.apexcharts-yaxis-title text {
    font-size: 12px;
    fill: #666;
    font-weight: normal;
}

/* Grid lines */
.apexcharts-gridline {
    stroke: #f0f0f0;
}

/* price.js charts use warm beige grid */
.price-chart-area .apexcharts-gridline {
    stroke: #f0ebe6;
}

/* Legend text */
.apexcharts-legend-text {
    font-family: 'SUIT', sans-serif !important;
    font-size: 13px !important;
    font-weight: normal !important;
    color: #666 !important;
}

/* Default (non-custom) tooltip */
.apexcharts-tooltip {
    font-family: 'SUIT', sans-serif;
    font-size: 13px;
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08) !important;
}

.apexcharts-tooltip-title {
    background: #f8f9fa !important;
    font-weight: 700;
    border-bottom: 1px solid #e0e0e0 !important;
}