/**
 * One-off overrides for the wta-kombi [configurator-modal] instance: layout tweaks
 * for specific module groups (keyed by their `data-group` id) plus this instance's
 * own trigger button styling. Loaded via its own `cssFiles` array, on top of
 * configurator-modal-essential.css (generic structure) and configurator-modal-wta.css
 * (brand colors). Group ids are assumed identical to signfex-kombi-2026-08-25's,
 * since wta-kombi is a copy of that configurator.
 *
 * Unlike Signfex (whose repository "kombi" family name - signfex-kombi - differs
 * from its dated configurator instance slug - signfex-kombi-2026-08-25, requiring
 * two separate override files), wta-kombi's slug IS the family name, so both kinds
 * of one-off live in this single file.
 */

/* No pictograms for the product-type cards right now (quick change), carried over
   unchanged from configurator-modal-signfex-kombi-overrides.css. The generic icon
   box (configurator-modal-essential.css) and this configurator's SVG icons
   (configurator-modal-wta-kombi-icons.css) are untouched - hiding the icon element
   here removes it from the card's flex layout (gap collapses with it, no other
   spacing changes needed). To bring pictograms back later, just delete this rule. */
.configurator-modal-product-card-icon {
  display: none;
}

/* Trigger button styling (Flat Design), scoped by `data-configurator-modal-target`'s
   prefix (set to "configurator-modal-wta-kombi-<rand>" by
   ConfiguratorModalShortcode::shortcode_handler()) rather than a shared class, since
   .configurator-modal-button is also used - unstyled - by other configurators'
   [configurator-modal] instances on the same page. */
.configurator-modal-button[data-configurator-modal-target^="configurator-modal-wta-kombi-"] {
  padding: 14px 40px;
  font-size: 18px;
  font-weight: 700 !important;
  color: #ffffff !important;
  background-color: #ff0000;
  border-width: 0px !important;
  border-color: #ff0000;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.configurator-modal-button[data-configurator-modal-target^="configurator-modal-wta-kombi-"]:hover {
  background-color: #cc0000 !important;
}