/* Payment-method SVG logos used in the Footer. */
function IdealLogo() {
  return (
    <svg width="52" height="32" viewBox="0 0 52 32" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect width="52" height="32" rx="4" fill="#CC006A"/>
      <rect x="9"  y="9"  width="3" height="14" rx="1.5" fill="white"/>
      <circle cx="10.5" cy="7"  r="1.8" fill="white"/>
      <rect x="14.5" y="12" width="3" height="11" rx="1.5" fill="white"/>
      <circle cx="16"   cy="10" r="2"   fill="white"/>
      <text x="20" y="22" fontFamily="'Plus Jakarta Sans',Arial,sans-serif"
            fontWeight="700" fontSize="9" fill="white">DEAL</text>
    </svg>
  );
}

function VisaLogo() {
  return (
    <svg width="52" height="32" viewBox="0 0 52 32" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect width="52" height="32" rx="4" fill="#1A1F71"/>
      <text x="7" y="22" fontFamily="'Plus Jakarta Sans',Arial,sans-serif"
            fontWeight="900" fontSize="16" fill="white" letterSpacing="-0.5"
            fontStyle="italic">VISA</text>
    </svg>
  );
}

function MastercardLogo() {
  return (
    <svg width="52" height="32" viewBox="0 0 52 32" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect width="52" height="32" rx="4" fill="white" stroke="#e0e4f0" strokeWidth="1"/>
      <circle cx="19" cy="16" r="10" fill="#EB001B"/>
      <circle cx="33" cy="16" r="10" fill="#F79E1B"/>
      <path d="M26 8.9 A10 10 0 0 1 26 23.1 A10 10 0 0 0 26 8.9 Z" fill="#FF5F00"/>
    </svg>
  );
}