/***********************************************************************************************************************************************************/
/* Global overrides to standard highcharts styles */
/***********************************************************************************************************************************************************/
.highcharts-title {
    text-transform: uppercase;
    fill: var(--bs-gray-700) !important;
    font-size: 1.1rem !important;
}

.highcharts-breadcrumbs-group text {
    fill: var(--theme-accent-primary) !important;
    font-weight: 700 !important;
    font-size: .8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.75px !important;
    cursor: pointer;
    overflow: visible !important;
    background: none !important;
}

.highcharts-breadcrumbs-group g.highcharts-breadcrumbs-button:hover text {
    fill: var(--theme-accent-active) !important;
    text-decoration: none !important;
    background: none !important;
    opacity: 1 !important;
}

.highcharts-breadcrumbs-group g.highcharts-breadcrumbs-button:last-of-type text {
    fill: var(--bs-gray-700) !important;
    text-decoration: none !important;
    cursor: default !important;
    pointer-events: none !important;
    opacity: 0.9 !important;
}

.highcharts-breadcrumbs-separator text {
    fill: var(--bs-gray-700) !important;
    text-decoration: none !important;
    cursor: default !important;
    pointer-events: none !important;
}

.highcharts-breadcrumbs-group rect {
    fill: none !important;
    stroke: none !important;
}

.highcharts-xaxis-labels text {
    fill: var(--theme-accent-primary) !important;
    font-size: .8rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: fill 0.4s ease-in-out !important;
}

    .highcharts-xaxis-labels text:hover {
        fill: var(--theme-accent-active) !important;
    }

.highcharts-yaxis-labels text {
    fill: var(--bs-gray-600) !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
}

.highcharts-axis-title {
    fill: var(--bs-gray-600) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

.highcharts-data-label text {
    fill: var(--theme-accent-primary) !important;
    font-size: .8rem !important;
    font-weight: 700 !important;
    text-transform: none !important;
    text-decoration: none !important;
}

    .highcharts-data-label text:hover {
        fill: var(--theme-accent-active) !important;
    }

.highcharts-point {
    cursor: pointer;
}

/* Default (top-level) */
.highcharts-container:not(.is-drilled) .highcharts-xaxis-labels text {
    fill: var(--theme-accent-primary) !important;
    cursor: pointer;
}

    .highcharts-container:not(.is-drilled) .highcharts-xaxis-labels text:hover {
        fill: var(--theme-accent-active) !important;
    }

/* Drilldown (deeper levels) */
.highcharts-container.is-drilled .highcharts-xaxis-labels text {
    fill: var(--bs-gray-700) !important;
    cursor: default !important;
}

.highcharts-tooltip {
    pointer-events: none;
    z-index: 9999 !important;
}

.highcharts-tooltip-box {
    fill: var(--bs-tooltip-bg) !important;
    stroke: rgba(255, 255, 255, 0.5) !important;
    stroke-width: 1 !important;
    shape-rendering: geometricPrecision !important;
    filter: drop-shadow(0 4px 8px rgba(var(--bs-black-rgb),0.25)) !important;
}

.chart-tooltip-header {
    font-size: 0.75rem !important;
    opacity: 0.8;
    font-weight: 600 !important;
    color: rgba(255,255,255,.85) !important;
    letter-spacing: .5px;
    display: block;
    margin-bottom: 3px;
}

.chart-tooltip-body {
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    color: var(--bs-white) !important;
}