/**
 * Product-selection icons for wta-popup's [configurator-modal] "product-type"
 * group (displayType: "main-product-selection").
 *
 * Loaded only for this configurator via its own `cssFiles` array, on top of
 * configurator-modal-essential.css (generic structure) and configurator-modal-wta.css
 * (brand color variables). Module ids (pylon/letters/leuchtschild) are assumed
 * identical to signfex-kombi-2026-08-25's, since wta-popup is a copy of that
 * configurator - these are the same SVGs as
 * configurator-modal-signfex-kombi-icons.css with the green palette (#E6F0DE pale
 * bg / #9DBE8E,#6F8F64 mid accent / #223027,#2E4034 dark silhouette) replaced by
 * WTA red (#FBE4E4 pale bg / #E67A7A mid accent / #E60000 dark silhouette).
 */

.configurator-modal-product-card[data-module="pylon"]
  .configurator-modal-product-card-icon {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54' width='54' height='54' role='img' aria-label='Werbepylon'%3E %3Crect width='54' height='54' rx='12' fill='%23FBE4E4'/%3E %3Crect x='11' y='44.5' width='32' height='2.5' rx='1.25' fill='%23E67A7A'/%3E %3Cpolygon points='13,10 17,7 17,45 13,45' fill='%23B40000'/%3E %3Crect x='17' y='7' width='20' height='38' fill='%23E60000'/%3E %3Crect x='20' y='12' width='14' height='5' rx='1' fill='%23FBE4E4'/%3E %3Crect x='20' y='19.5' width='9' height='2.6' rx='1.3' fill='%23E67A7A'/%3E %3C/svg%3E");
}

.configurator-modal-product-card[data-module="letters"]
  .configurator-modal-product-card-icon {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54' width='54' height='54' role='img' aria-label='3D Buchstaben'%3E %3Crect width='54' height='54' rx='12' fill='%23FBE4E4'/%3E %3Cg transform='translate(1.8,1.8)' fill='%23E67A7A' stroke='%23E67A7A'%3E %3Crect x='8.5' y='18.5' width='3' height='13' rx='0.6' stroke='none'/%3E %3Crect x='8.5' y='28.5' width='6' height='3' rx='0.6' stroke='none'/%3E %3Crect x='32' y='24.5' width='3' height='11' rx='0.6' stroke='none'/%3E %3Crect x='26.5' y='32.5' width='6' height='3' rx='0.6' stroke='none'/%3E %3Cg fill='none' stroke-width='3'%3E %3Ccircle cx='20' cy='27' r='3'/%3E %3Ccircle cx='30.5' cy='27' r='3'/%3E %3Ccircle cx='41' cy='27' r='3'/%3E %3C/g%3E %3C/g%3E %3Cg fill='%23E60000' stroke='%23E60000'%3E %3Crect x='8.5' y='18.5' width='3' height='13' rx='0.6' stroke='none'/%3E %3Crect x='8.5' y='28.5' width='6' height='3' rx='0.6' stroke='none'/%3E %3Crect x='32' y='24.5' width='3' height='11' rx='0.6' stroke='none'/%3E %3Crect x='26.5' y='32.5' width='6' height='3' rx='0.6' stroke='none'/%3E %3Cg fill='none' stroke-width='3'%3E %3Ccircle cx='20' cy='27' r='3'/%3E %3Ccircle cx='30.5' cy='27' r='3'/%3E %3Ccircle cx='41' cy='27' r='3'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
}

.configurator-modal-product-card[data-module="leuchtschild"]
  .configurator-modal-product-card-icon {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54' width='54' height='54' role='img' aria-label='Leuchtschild'%3E %3Crect width='54' height='54' rx='12' fill='%23FBE4E4'/%3E %3Crect x='4' y='12' width='46' height='30' rx='4' fill='%23E60000'/%3E %3Cg transform='translate(0.75,0)' fill='%23FBE4E4' stroke='%23FBE4E4'%3E %3Crect x='8.5' y='18.5' width='3' height='13' rx='0.6' stroke='none'/%3E %3Crect x='8.5' y='28.5' width='6' height='3' rx='0.6' stroke='none'/%3E %3Crect x='32' y='24.5' width='3' height='11' rx='0.6' stroke='none'/%3E %3Crect x='26.5' y='32.5' width='6' height='3' rx='0.6' stroke='none'/%3E %3Cg fill='none' stroke-width='3'%3E %3Ccircle cx='20' cy='27' r='3'/%3E %3Ccircle cx='30.5' cy='27' r='3'/%3E %3Ccircle cx='41' cy='27' r='3'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
}