/* ============================================================
   anab-financials-chart-v2.css
   ============================================================ */

/* ── ROOT ─────────────────────────────────────────────────── */
.pcw2 {
  font-family: inherit;
  background:  #ffffff;
  width:       100%;
}
.pcw2 * {
  box-sizing: border-box;
  margin:     0;
  padding:    0;
}

/* ── TITLE ────────────────────────────────────────────────── */
.pcw2-title {
  font-size:     18px;
  font-weight:   600;
  color:         #185fa5;
  font-style:    italic;
  margin-bottom: 8px;
}

/* ── LEGEND — standalone widget, or embedded above chart ──── */
/* Used by both .pcw2-legend-standalone and any .pcw2-legend  */
.pcw2-legend-standalone,
.pcw2-legend {
  display:   flex;
  flex-wrap: wrap;
  gap:       0 16px;
}

/* add bottom margin only on the standalone version */
.pcw2-legend-standalone {
  margin-bottom: 0;   /* let Elementor row spacing handle it */
}

.pcw2-leg-item {
  display:     flex;
  align-items: center;
  gap:         6px;
  font-size:   12px;
  color:       #444441;
  white-space: nowrap;
}

.pcw2-leg-swatch {
  width:         14px;
  height:        14px;
  border-radius: 2px;
  flex-shrink:   0;
}
.pcw2-leg-swatch--us   { background: #185fa5; }
.pcw2-leg-swatch--eu   { background: #6fa0d0; }
.pcw2-leg-swatch--intl { background: #dbeaf8; }

.pcw2-leg-line {
  width:         22px;
  height:        3px;
  border-radius: 2px;
  background:    #1d9e75;
  flex-shrink:   0;
}

/* ── CANVAS — always full width ───────────────────────────── */
.pcw2-canvas svg {
  display: block;
  width:   100%;
  height:  auto;
}