// SVG icons for the site - all line-style, gold/burgundy adaptive
const Icon = {
  Scale: ({ size = 24, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <path d="M12 3v18" />
      <path d="M5 21h14" />
      <path d="M5 7h14" />
      <path d="M5 7l-3 7h6z" />
      <path d="M19 7l-3 7h6z" />
      <path d="M2 14a3 3 0 0 0 6 0" />
      <path d="M16 14a3 3 0 0 0 6 0" />
    </svg>
  ),
  Document: ({ size = 24, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <path d="M7 3h8l4 4v14H7z" />
      <path d="M15 3v4h4" />
      <path d="M10 12h6M10 16h6M10 8h2" />
    </svg>
  ),
  Car: ({ size = 24, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <path d="M3 14l2-5a2 2 0 0 1 2-1h10a2 2 0 0 1 2 1l2 5" />
      <path d="M3 14h18v5H3z" />
      <circle cx="7" cy="19" r="1.5" />
      <circle cx="17" cy="19" r="1.5" />
    </svg>
  ),
  Family: ({ size = 24, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <circle cx="8" cy="7" r="2.5" />
      <circle cx="16" cy="7" r="2.5" />
      <circle cx="12" cy="15" r="2" />
      <path d="M4 14c0-2 1.5-3 4-3s4 1 4 3" />
      <path d="M12 14c0-2 1.5-3 4-3s4 1 4 3" />
      <path d="M8 21c0-1.5 1.5-3 4-3s4 1.5 4 3" />
    </svg>
  ),
  Ticket: ({ size = 24, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <path d="M3 8v3a2 2 0 0 0 0 4v3h18v-3a2 2 0 0 0 0-4V8z" />
      <path d="M9 8v12M9 10v1M9 13v1M9 16v1" strokeDasharray="2 2" />
    </svg>
  ),
  Building: ({ size = 24, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <path d="M4 21V6l8-3 8 3v15" />
      <path d="M4 21h16" />
      <path d="M9 10h.01M13 10h.01M9 14h.01M13 14h.01M9 18h.01M13 18h.01" />
    </svg>
  ),
  Will: ({ size = 24, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <path d="M6 2h9l4 4v16H6z" />
      <path d="M15 2v4h4" />
      <path d="M10 11h5M10 14h5M10 17h3" />
      <circle cx="9" cy="11" r=".5" fill={color} />
      <circle cx="9" cy="14" r=".5" fill={color} />
      <circle cx="9" cy="17" r=".5" fill={color} />
    </svg>
  ),
  WhatsApp: ({ size = 24, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill={color}>
      <path d="M17.5 14.4c-.3-.1-1.7-.8-2-.9-.3-.1-.5-.1-.7.1-.2.3-.7.9-.9 1.1-.2.2-.3.2-.6.1-.9-.4-1.7-1-2.4-1.7-.6-.6-1.1-1.3-1.6-2.1-.2-.3 0-.4.1-.6.1-.1.3-.3.4-.5.1-.1.2-.3.2-.4 0-.2.1-.3 0-.5 0-.1-.6-1.5-.9-2.1-.2-.5-.5-.5-.7-.5h-.6c-.2 0-.6.1-.8.4-.3.3-1.1 1.1-1.1 2.6 0 1.6 1.1 3 1.3 3.3.2.2 2.3 3.5 5.5 4.9.8.3 1.4.5 1.9.7.8.3 1.5.2 2.1.1.6-.1 1.9-.8 2.2-1.6.3-.8.3-1.4.2-1.6-.1-.2-.3-.2-.6-.3zM12 2a10 10 0 0 0-8.6 15L2 22l5.2-1.4A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.4-1.3l-.3-.2-3.1.8.8-3-.2-.3a8.2 8.2 0 1 1 7.2 4z" />
    </svg>
  ),
  Mail: ({ size = 24, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <rect x="3" y="5" width="18" height="14" rx="1" />
      <path d="M3 6l9 7 9-7" />
    </svg>
  ),
  Phone: ({ size = 24, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <path d="M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z" />
    </svg>
  ),
  Instagram: ({ size = 24, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <rect x="3" y="3" width="18" height="18" rx="5" />
      <circle cx="12" cy="12" r="4" />
      <circle cx="17.5" cy="6.5" r=".5" fill={color} />
    </svg>
  ),
  Pin: ({ size = 24, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <path d="M12 22s7-7 7-13a7 7 0 1 0-14 0c0 6 7 13 7 13z" />
      <circle cx="12" cy="9" r="2.5" />
    </svg>
  ),
  Arrow: ({ size = 16, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <path d="M5 12h14M13 6l6 6-6 6" />
    </svg>
  ),
  ChevronDown: ({ size = 16, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <path d="M6 9l6 6 6-6" />
    </svg>
  ),
  Close: ({ size = 20, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <path d="M6 6l12 12M18 6L6 18" />
    </svg>
  ),
  Menu: ({ size = 22, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <path d="M4 7h16M4 12h16M4 17h16" />
    </svg>
  ),
  Calendar: ({ size = 18, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
      <rect x="3" y="5" width="18" height="16" rx="1" />
      <path d="M3 9h18M8 3v4M16 3v4" />
    </svg>
  ),
  Check: ({ size = 18, color = "currentColor" }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
      <path d="M5 13l4 4L19 7" />
    </svg>
  ),
};

// SCG monogram logo as inline SVG (original, hand-built from "S" and "G" letterforms with a small scale)
const SCGLogo = ({ size = 72 }) => (
  <svg width={size} height={size * 0.72} viewBox="0 0 200 144" fill="none">
    <defs>
      <linearGradient id="goldGrad" x1="0" y1="0" x2="0" y2="1">
        <stop offset="0%" stopColor="#E8CB85" />
        <stop offset="45%" stopColor="#C9A961" />
        <stop offset="70%" stopColor="#9C7E3C" />
        <stop offset="100%" stopColor="#D9BD78" />
      </linearGradient>
    </defs>
    {/* Stylized S */}
    <path d="M 70 30 Q 35 30 35 55 Q 35 75 65 80 Q 95 85 95 100 Q 95 120 60 120 Q 40 120 30 110"
          stroke="url(#goldGrad)" strokeWidth="9" fill="none" strokeLinecap="round" />
    {/* Stylized G overlapping */}
    <path d="M 130 50 Q 120 35 100 35 Q 75 35 75 70 Q 75 105 105 105 Q 130 105 130 85 L 130 75 L 110 75"
          stroke="url(#goldGrad)" strokeWidth="9" fill="none" strokeLinecap="round" />
    {/* Small balance scale on top right */}
    <g stroke="url(#goldGrad)" strokeWidth="3" fill="none" strokeLinecap="round">
      <path d="M 145 18 L 145 50" />
      <path d="M 130 28 L 160 28" />
      <path d="M 130 28 L 122 42 L 138 42 Z" fill="url(#goldGrad)" fillOpacity="0.6" />
      <path d="M 160 28 L 152 42 L 168 42 Z" fill="url(#goldGrad)" fillOpacity="0.6" />
      <circle cx="145" cy="18" r="2.5" fill="url(#goldGrad)" />
    </g>
  </svg>
);

Object.assign(window, { Icon, SCGLogo });
