/**
 * ドーナツチャート スタイル（Bootstrap 5 併用）
 *
 * @package ZOKZOK_JS_Chart
 * @since 1.0.0
 */

/* ============================================================
   Container - max-width のみカスタム
   ============================================================ */

.zz-doughnut-chart {
    --chart-size-desktop: clamp(260px, 25vw, 360px);
    --chart-size-mobile: clamp(200px, 80vw, 360px);
}

.zz-doughnut-chart.alignwide {
  max-width: 800px;
}

.zz-doughnut-chart.alignfull {
  max-width: 100%;
}

/* ============================================================
   Chart Container - サイズ指定（Bootstrap では不可）
   ============================================================ */

.zz-doughnut-chart .chart-container {
  width: var(--chart-size-mobile);
  height: var(--chart-size-mobile);
}

@media (min-width: 768px) {
  .zz-doughnut-chart .chart-container {
    width: var(--chart-size-desktop);
    height: var(--chart-size-desktop);
  }
}

.zz-doughnut-chart .chart-container canvas {
  width: 100% !important;
  height: 100% !important;
}

/* ============================================================
   Center Label - pointer-events のみ
   ============================================================ */

.zz-doughnut-chart .chart-center-label {
  pointer-events: none;
}

/* ============================================================
   Legend List - last-child border 除去
   ============================================================ */

.zz-doughnut-chart .chart-legend li:last-child {
  border-bottom: none !important;
}