/* pizza-value-calculator — extracted from inline <style> */
/* ── Pizza Cards Grid ── */
.evvy-pizza-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1rem; }
.evvy-pizza-card { background:var(--bs-body-bg,#fff); border:2px solid var(--evvy-border-color,#DEE2E6); border-radius:var(--evvy-radius-lg,12px); padding:1rem; position:relative; transition:border-color 0.3s,box-shadow 0.3s; }
.evvy-pizza-card.evvy-pizza-winner { border-color:var(--cluster-dark,#7C4A1A); box-shadow:0 0 0 3px color-mix(in srgb,var(--cluster-dark,#7C4A1A) 15%,transparent); }
.evvy-pizza-card-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:0.75rem; }
.evvy-pizza-card-title { font-size:0.9375rem; font-weight:700; color:var(--evvy-text-primary,#333); }
.evvy-pizza-remove { border:none; background:none; color:var(--evvy-text-secondary,#999); cursor:pointer; padding:0.25rem; border-radius:var(--evvy-radius,8px); transition:color 0.2s,background 0.2s; display:flex; align-items:center; justify-content:center; font-size:1rem; }
.evvy-pizza-remove:hover { color:#dc3545; background:rgba(220,53,69,0.08); }
.evvy-pizza-card label { display:block; font-size:0.6875rem; font-weight:600; text-transform:uppercase; letter-spacing:0.05em; color:var(--evvy-text-secondary,#666); margin-bottom:0.25rem; }

/* Size Preset Pills */
.evvy-size-pills { display:flex; flex-wrap:wrap; gap:0.35rem; margin-bottom:0.75rem; }
.evvy-size-pill { display:inline-flex; align-items:center; font-size:0.6875rem; font-weight:600; padding:0.3rem 0.55rem; border:1.5px solid var(--evvy-border-color,#DEE2E6); border-radius:999px; background:none; color:var(--evvy-text-secondary,#666); cursor:pointer; transition:all 0.2s; white-space:nowrap; }
.evvy-size-pill:hover { border-color:var(--cluster-dark,#7C4A1A); color:var(--cluster-dark,#7C4A1A); }
.evvy-size-pill.active { background:var(--cluster-dark,#7C4A1A); border-color:var(--cluster-dark,#7C4A1A); color:#fff; }
.evvy-pizza-card .form-control { font-size:0.875rem; padding:0.5rem 0.625rem; border-radius:var(--evvy-radius,8px); }
.evvy-pizza-card .evvy-hero-input-wrap { margin-bottom:0; }
.evvy-pizza-card .evvy-hero-input { font-size:1.5rem; }
.evvy-pizza-card .evvy-hero-currency { font-size:1rem; }
.evvy-pizza-stats { margin-top:0.75rem; display:grid; grid-template-columns:1fr 1fr; gap:0.375rem; }
.evvy-pizza-stat { text-align:center; padding:0.375rem; background:var(--evvy-surface,#f8f9fa); border-radius:var(--evvy-radius,8px); }
.evvy-pizza-stat-label { font-size:0.625rem; font-weight:600; text-transform:uppercase; letter-spacing:0.04em; color:var(--evvy-text-secondary,#666); }
.evvy-pizza-stat-value { font-size:0.9375rem; font-weight:700; color:var(--evvy-text-primary,#333); font-variant-numeric:tabular-nums; }
.evvy-pizza-rank-badge { position:absolute; top:-0.5rem; right:-0.5rem; width:1.75rem; height:1.75rem; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:800; color:#fff; background:var(--evvy-text-secondary,#999); opacity:0; transition:opacity 0.3s,background 0.3s; }
.evvy-pizza-rank-badge.visible { opacity:1; }
.evvy-pizza-rank-badge.rank-1 { background:var(--cluster-dark,#7C4A1A); }

/* Add Pizza Button */
.evvy-add-pizza-btn { display:flex; align-items:center; justify-content:center; gap:0.5rem; width:100%; padding:1rem; border:2px dashed var(--evvy-border-color,#DEE2E6); border-radius:var(--evvy-radius-lg,12px); background:none; color:var(--evvy-text-secondary,#666); font-size:0.8125rem; font-weight:600; cursor:pointer; transition:border-color 0.2s,color 0.2s,background 0.2s; min-height:80px; }
.evvy-add-pizza-btn:hover { border-color:var(--cluster-dark,#7C4A1A); color:var(--cluster-dark,#7C4A1A); background:color-mix(in srgb,var(--cluster-dark,#7C4A1A) 4%,transparent); }

/* ── Visual Size Comparison ── */
.evvy-size-visual { display:flex; align-items:flex-end; justify-content:center; gap:1.25rem; padding:1.5rem 0.5rem 0.5rem; min-height:140px; flex-wrap:wrap; }
.evvy-size-circle-wrap { display:flex; flex-direction:column; align-items:center; gap:0.375rem; }
.evvy-size-circle { border-radius:50%; background:color-mix(in srgb,var(--cluster-dark,#7C4A1A) 15%,transparent); border:2px solid var(--cluster-dark,#7C4A1A); transition:width 0.4s ease,height 0.4s ease; }
.evvy-size-circle.winner-circle { background:color-mix(in srgb,var(--cluster-dark,#7C4A1A) 30%,transparent); border-width:3px; }
.evvy-size-circle-label { font-size:0.6875rem; font-weight:600; color:var(--evvy-text-secondary,#666); text-align:center; }

/* ── Hero Winner Announcement ── */
.evvy-winner-hero { text-align:center; padding:1.25rem 1rem; background:color-mix(in srgb,var(--cluster-dark,#7C4A1A) 8%,transparent); border-radius:var(--evvy-radius-lg,12px); margin-bottom:1rem; }
.evvy-winner-hero-title { font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; color:var(--cluster-dark,#7C4A1A); margin-bottom:0.25rem; }
.evvy-winner-hero-name { font-size:1.75rem; font-weight:800; color:var(--cluster-dark,#7C4A1A); letter-spacing:-0.02em; }
.evvy-winner-hero-pct { font-size:1.125rem; font-weight:700; color:var(--evvy-text-primary,#333); margin-top:0.25rem; }

/* ── Comparison Table ── */
.evvy-comparison-table { width:100%; border-collapse:collapse; margin-top:1rem; font-size:0.875rem; }
.evvy-comparison-table th, .evvy-comparison-table td { padding:0.625rem 0.75rem; text-align:center; border-bottom:1px solid var(--evvy-border,#dee2e6); }
.evvy-comparison-table thead th { font-weight:700; font-size:0.75rem; text-transform:uppercase; letter-spacing:0.03em; color:var(--evvy-text-secondary,#666); background:var(--evvy-surface,#f8f9fa); }
.evvy-comparison-table tbody td:first-child { font-weight:600; text-align:left; color:var(--evvy-text-secondary,#666); }
.evvy-comparison-table .evvy-col-highlight { background:color-mix(in srgb,var(--cluster-dark,#7C4A1A) 6%,transparent); font-weight:700; color:var(--cluster-dark,#7C4A1A); }

/* ── Fun Facts Callout ── */
.evvy-callout { display:flex; align-items:flex-start; gap:0.75rem; background:var(--evvy-surface,#f8f9fa); border-left:4px solid var(--cluster-dark,#7C4A1A); border-radius:0 0.75rem 0.75rem 0; padding:1rem 1.125rem; margin-top:1rem; font-size:0.875rem; line-height:1.55; }
.evvy-callout i { font-size:1.25rem; color:var(--cluster-dark,#7C4A1A); flex-shrink:0; margin-top:0.1rem; }

/* ── Premium Sections ── */
.evvy-premium-section { margin-top:1.25rem; }
.evvy-party-result { background:var(--evvy-surface,#f8f9fa); border-radius:var(--evvy-radius,8px); padding:1rem; font-size:0.875rem; line-height:1.6; }

/* ── Dark Mode ── */
[data-bs-theme="dark"] .evvy-pizza-card { background:var(--evvy-surface-dark,#1e1e1e); }
[data-bs-theme="dark"] .evvy-pizza-stat { background:var(--evvy-gray-100,#1E1E1E); }
[data-bs-theme="dark"] .evvy-comparison-table thead th { background:var(--evvy-surface-dark,#1e1e1e); }
[data-bs-theme="dark"] .evvy-comparison-table .evvy-col-highlight { background:color-mix(in srgb,var(--cluster-dark,#7C4A1A) 15%,transparent); }
[data-bs-theme="dark"] .evvy-callout { background:var(--evvy-surface-dark,#1e1e1e); }
[data-bs-theme="dark"] .evvy-winner-hero { background:color-mix(in srgb,var(--cluster-dark,#7C4A1A) 15%,transparent); }
[data-bs-theme="dark"] .evvy-party-result { background:var(--evvy-gray-100,#1E1E1E); }

/* ── Mobile ── */
@media (max-width:575.98px) {
  .evvy-pizza-grid { grid-template-columns:1fr; }
  .evvy-size-visual { gap:0.75rem; min-height:100px; }
  .evvy-winner-hero-name { font-size:1.35rem; }
  .evvy-comparison-table { font-size:0.8rem; }
  .evvy-comparison-table th, .evvy-comparison-table td { padding:0.5rem 0.4rem; }
}