/* ==========================================================================
   CONFIGURATOR WIDGET SIGNFEX STYLES
   ========================================================================== */

/* ==========================================================================
   1. CSS VARIABLES
   ========================================================================== */

:root {
  --primary-color: rgb(88, 140, 130);
  --primary-color-hover: rgb(71, 95, 91);
  --danger-color: rgb(220, 53, 69);
  --danger-color-hover: rgb(200, 35, 51);
}

/* ==========================================================================
   2. SIGNFEX-SPECIFIC OVERRIDES
   ========================================================================== */

/* Custom button hover color for Signfex brand */
.configurator-widget button:hover {
  background-color: rgb(78, 130, 120);
}

/* Upload hover effect with Signfex brand color */
.configurator-upload:hover {
  background-color: rgba(88, 140, 130, 0.05);
}

.configurator-upload-dragover {
  background-color: rgba(88, 140, 130, 0.1);
}

/* Carousel thumbnail focus with Signfex brand color */
.configurator-carousel-thumbnail:focus-visible
  .configurator-carousel-thumbnail-inner {
  box-shadow: 0 0 0 2px rgba(88, 140, 130, 0.8);
}

/* Carousel thumbnail hover with Signfex brand color */
.configurator-carousel-thumbnail:hover .configurator-carousel-thumbnail-inner {
  border-color: rgba(88, 140, 130, 0.5);
}

.configurator-carousel-thumbnail-active .configurator-carousel-thumbnail-inner {
  box-shadow: 0 0 0 1px rgba(88, 140, 130, 0.25);
}

/* ==========================================================================
   3. PROJECT-SPECIFIC OVERRIDES
   ========================================================================== */

/* Hide "Zusatzoptionen" heading and add spacing */
.configurator-module-group[data-group="additional-options"] {
  margin-top: 14px;
}

.configurator-module-group[data-group="additional-options"]
  > .configurator-group-title {
  display: none;
}

/* Hide price for signfex-pylon */
.configurator-price-signfex-pylon {
  display: none;
}

/* Hide price for signfex-buchstaben */
.configurator-price-signfex-buchstaben {
  display: none;
}

/* Remove border from all group titles as important to overwrite default website styles */
.configurator-group-title {
  border: none !important;
}

/* Hide totem display when disabled (not available without totem pylon) */
.configurator-module-totem-display.configurator-module-disabled {
  display: none;
}