/* ================================================================
   SYNCFUSION CHARTS — MealMate
   Override conflitti con style.default.css e Bootstrap template.
   Caricato dopo syncfusion bootstrap5.css e style.default.css.
   ================================================================ */

/* ----------------------------------------------------------------
   Contenitore e SVG
   ---------------------------------------------------------------- */

/* Impedisce a style.default.css di comprimere gli SVG dei grafici */
.e-chart-container svg,
.e-charts svg {
    max-width: none !important;
    overflow: visible !important;
}

/* Larghezza piena del contenitore */
.e-chart-container {
    width: 100% !important;
}

/* Evita che il reset Bootstrap del template sovrascriva i testi SVG */
.e-chart-container text,
.e-charts text {
    font-family: 'Poppins', sans-serif !important;
}

/* ----------------------------------------------------------------
   Titolo
   ---------------------------------------------------------------- */
.e-chart-container .e-chart-title {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    fill: #333333 !important;
}

/* ----------------------------------------------------------------
   Assi
   ---------------------------------------------------------------- */
.e-chart-container .e-axis-label,
.e-charts .e-axis-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    fill: #666666 !important;
}

/* ----------------------------------------------------------------
   Legenda
   ---------------------------------------------------------------- */
.e-legend-text {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    fill: #444444 !important;
}

.e-chart-legend-items-container {
    font-family: 'Poppins', sans-serif !important;
}

/* ----------------------------------------------------------------
   Tooltip
   ---------------------------------------------------------------- */
.e-tooltip-wrap {
    border-radius: 8px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    padding: 8px 12px !important;
}

.e-tooltip-wrap .e-tip-content {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    color: #333333 !important;
}

/* ----------------------------------------------------------------
   Data label (valore sopra le barre)
   ---------------------------------------------------------------- */
.e-data-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
}

/* ----------------------------------------------------------------
   MudPaper contenente grafici — no overflow hidden
   ---------------------------------------------------------------- */
.mud-paper:has(.e-chart-container) {
    overflow: visible !important;
}

/* ----------------------------------------------------------------
   Paginazione legenda
   ---------------------------------------------------------------- */
.e-chart-legend-items-container .e-legend-page-navigator {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
}