// Logo + petits icônes SVG simples

const LogoMark = ({ size = 36, color = '#c9a675', color2 = '#d9d9d9' }) => (
  <svg viewBox="0 0 64 64" width={size} height={size} aria-hidden="true">
    {/* Stylisation du monogramme I+S du logo : un I architectural et un S */}
    <g fill="none" strokeWidth="3" strokeLinecap="square">
      {/* I (or) — forme de tour minimaliste */}
      <path d="M14 50 L14 20 L22 14 L22 50 Z" fill={color} />
      <path d="M16 22 L20 22 M16 28 L20 28 M16 34 L20 34 M16 40 L20 40" stroke="#032e40" strokeWidth="0.6" />
      {/* S (argent) — courbe stylisée */}
      <path d="M48 18 C 42 18, 36 18, 36 26 C 36 32, 50 32, 50 40 C 50 48, 44 48, 38 48"
            stroke={color2} strokeWidth="3.5" strokeLinecap="square" fill="none" />
    </g>
  </svg>
);

const Arrow = ({ size = 14 }) => (
  <svg className="arrow" viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.5">
    <path d="M5 12h14M13 5l7 7-7 7" />
  </svg>
);

const Plus = ({ size = 14 }) => (
  <svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.5">
    <path d="M12 5v14M5 12h14" />
  </svg>
);

const Check = ({ size = 14 }) => (
  <svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2">
    <path d="M5 13l4 4L19 7" />
  </svg>
);

// Services icons — lignes minimalistes
const SvcIcon = ({ name }) => {
  const props = { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", stroke: "currentColor", strokeWidth: "1.2" };
  switch (name) {
    case '01': return ( // estimation
      <svg {...props}><path d="M4 28V8l12-4 12 4v20M10 28v-8h12v8M14 14h4M14 18h4"/></svg>
    );
    case '02': return ( // division
      <svg {...props}><rect x="4" y="6" width="24" height="20"/><path d="M16 6v20M4 16h24"/></svg>
    );
    case '03': return ( // lotissement
      <svg {...props}><path d="M4 26h24M6 26V14l6-4 6 4v12M18 26V18l4-2 4 2v8"/></svg>
    );
    case '04': return ( // promotion
      <svg {...props}><path d="M4 28V12l12-8 12 8v16M12 28v-8h8v8M16 14v2"/></svg>
    );
    case '05': return ( // commercialisation
      <svg {...props}><circle cx="16" cy="16" r="10"/><path d="M2 16h4M26 16h4M16 2v4M16 26v4M9 9l3 3M20 20l3 3M9 23l3-3M20 12l3-3"/></svg>
    );
    case '06': return ( // achat direct
      <svg {...props}><path d="M16 4l8 6v14H8V10z M14 24v-6h4v6"/><circle cx="16" cy="14" r="1.5" fill="currentColor"/></svg>
    );
    default: return null;
  }
};

const ChevronDown = ({ size = 14 }) => (
  <svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.5">
    <path d="M6 9l6 6 6-6"/>
  </svg>
);

Object.assign(window, { LogoMark, Arrow, Plus, Check, SvcIcon, ChevronDown });