/**
 * Custom Theme - Frankenschaum spezifisches Design
 */

/* Custom Theme spezifische Overrides */
.zuschnitte-custom {
    /* Theme-spezifische Farben 
    --primary-color: #b81818;
    --secondary-color: #f6aca2;
    */
    --primary-color: #fff;
    --secondary-color: #fff;
}

/* Tab-Design für Custom Theme */
.zuschnitte-custom .tab label {
    background-color: #f8f8f8;
    border: 2px solid #ddd;
    border-radius: 8px 8px 0 0;
}

.zuschnitte-custom .tab input[type="radio"]:checked + label {
    background-color: #fff;
    border-bottom-color: #fff;
    color: var(--primary-color);
}

/* Form-Auswahl Styling */
.zuschnitte-custom .formen-container span {
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.zuschnitte-custom .formen-container span.selected {
    border-color: var(--primary-color);
    background-color: #fff5f5;
}

/* Buttons */
.zuschnitte-custom .button {
    background-color: var(--primary-color);
    transition: all 0.3s ease;
}

.zuschnitte-custom .button:hover {
    background-color: #fff;
    transform: translateY(-2px);
}

/* Material-Auswahl */
.zuschnitte-custom .swatches label.selected {
    box-shadow: 0 0 0 3px var(--primary-color);
}

/* Canvas Container */
.zuschnitte-custom #paperContainer {
    border: 3px solid #f0f0f0;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}