/* Configurator Design Styles */

/* Additional design styles for the configurator */
.config-step {
  transition: all 0.3s ease;
}

.config-step.active {
  opacity: 1;
}

.config-step:not(.active) {
  opacity: 0.6;
}

/* RAL Category Tabs Styling */
.ral-category-tab {
  position: relative;
}

.ral-category-tab:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2);
}

.ral-category-tab.active {
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

/* RAL Color Swatches */
.ral-swatch-item {
  position: relative;
}

.ral-swatch-item:hover {
  z-index: 10;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .ral-category-tab {
    min-width: 120px;
    font-size: 0.9em;
    padding: 8px 12px;
  }
  
  .ral-category-swatch {
    width: 24px !important;
    height: 24px !important;
  }
}