/* Denticor Icon System — custom SVGs in brand color */
:root {
  --ic-size: 28px;
  --ic-color: %23244651;
  --ic-color-light: %233A6B7C;
}

.ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--ic-size);
  height: var(--ic-size);
  flex-shrink: 0;
}

.ic-tooth { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2C9.5 2 7.5 3.5 7 5.5C6.5 7.5 5 9 4.5 11C4 13 4.5 15 5.5 17C6.5 19 7.5 22 9 22C10 22 10.5 20 11 18.5C11.3 17.5 12.7 17.5 13 18.5C13.5 20 14 22 15 22C16.5 22 17.5 19 18.5 17C19.5 15 20 13 19.5 11C19 9 17.5 7.5 17 5.5C16.5 3.5 14.5 2 12 2Z'/></svg>") center/contain no-repeat; }

.ic-front-tooth { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><rect x='7' y='3' width='10' height='14' rx='5' ry='5'/><line x1='12' y1='17' x2='11' y2='22'/><line x1='12' y1='17' x2='13' y2='22'/></svg>") center/contain no-repeat; }

.ic-molar { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><path d='M6 3h12c1.5 0 3 1.5 3 4s-1 4-1.5 6c-.5 2-1 5-2.5 8h-2l-1-4h-4l-1 4h-2c-1.5-3-2-6-2.5-8S3 9 3 7s1.5-4 3-4z'/><path d='M10 3v5M14 3v5'/></svg>") center/contain no-repeat; }

.ic-smile { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><circle cx='12' cy='12' r='10'/><path d='M8 14s1.5 2 4 2 4-2 4-2'/><circle cx='9' cy='10' r='0.5' fill='var(--ic-color)'/><circle cx='15' cy='10' r='0.5' fill='var(--ic-color)'/></svg>") center/contain no-repeat; }

.ic-clock { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><circle cx='12' cy='12' r='10'/><polyline points='12 6 12 12 16 14'/></svg>") center/contain no-repeat; }

.ic-refresh { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><polyline points='23 4 23 10 17 10'/><path d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'/></svg>") center/contain no-repeat; }

.ic-crown { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><path d='M5 19h14M5 19l-2-8 5 3 4-7 4 7 5-3-2 8'/></svg>") center/contain no-repeat; }

.ic-shield { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/><polyline points='9 12 11 14 15 10'/></svg>") center/contain no-repeat; }

.ic-package { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><path d='M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z'/><polyline points='3.27 6.96 12 12.01 20.73 6.96'/><line x1='12' y1='22.08' x2='12' y2='12'/></svg>") center/contain no-repeat; }

.ic-truck { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><rect x='1' y='3' width='15' height='13'/><polygon points='16 8 20 8 23 11 23 16 16 16 16 8'/><circle cx='5.5' cy='18.5' r='2.5'/><circle cx='18.5' cy='18.5' r='2.5'/></svg>") center/contain no-repeat; }

.ic-euro { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><path d='M18 6a8.3 8.3 0 00-6.3-2C8 4 5 7.6 5 12s3 8 6.7 8a8.3 8.3 0 006.3-2'/><line x1='3' y1='10' x2='14' y2='10'/><line x1='3' y1='14' x2='14' y2='14'/></svg>") center/contain no-repeat; }

.ic-heart { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><path d='M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z'/></svg>") center/contain no-repeat; }

.ic-warning { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A13F3F' stroke-width='1.8'><path d='M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z'/><line x1='12' y1='9' x2='12' y2='13'/><line x1='12' y1='17' x2='12.01' y2='17'/></svg>") center/contain no-repeat; }

.ic-check { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D6E4C' stroke-width='2.5'><polyline points='20 6 9 17 4 12'/></svg>") center/contain no-repeat; }

.ic-work { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><rect x='2' y='7' width='20' height='14' rx='2' ry='2'/><path d='M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16'/></svg>") center/contain no-repeat; }

.ic-fear { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><circle cx='12' cy='12' r='10'/><path d='M8 15s1.5-2 4-2 4 2 4 2'/><line x1='9' y1='9' x2='9.01' y2='9'/><line x1='15' y1='9' x2='15.01' y2='9'/></svg>") center/contain no-repeat; }

.ic-drop { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><path d='M12 2.69l5.66 5.66a8 8 0 11-11.31 0z'/></svg>") center/contain no-repeat; }

.ic-ai { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--ic-color)' stroke-width='1.8'><path d='M12 2a4 4 0 014 4v1h2a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V9a2 2 0 012-2h2V6a4 4 0 014-4z'/><circle cx='9' cy='13' r='1.5' fill='var(--ic-color)'/><circle cx='15' cy='13' r='1.5' fill='var(--ic-color)'/><path d='M9 17h6'/></svg>") center/contain no-repeat; }
