:root {
    --color-bg-cream: #FAF9F6;
    --color-brand-forest: #2D5A27;
    --color-brand-terracotta: #C87D55;
    --spacing-lg: 24px;
}

.workshop-booking-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--spacing-lg);
    background-color: var(--color-bg-cream);
    padding: var(--spacing-lg);
    border-radius: 8px;
}

.workshop-card, .add-on-card, .order-summary-card {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.workshop-title {
    font-family: serif;
    font-size: 1.5rem;
    color: var(--color-brand-forest);
    margin-bottom: 1rem;
}

.form-group { margin-bottom: 1rem; }
label { display: block; margin-bottom: 0.5rem; font-weight: 600; }
.form-input { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }

.booking-submit-btn {
    width: 100%;
    background-color: var(--color-brand-forest);
    color: white;
    padding: 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s;
}

.booking-submit-btn:hover {
    background-color: var(--color-brand-terracotta);
}

.summary-line { display: flex; justify-content: space-between; margin-bottom: 0.5rem; }
.summary-total { font-weight: bold; font-size: 1.2rem; border-top: 1px solid #eee; padding-top: 0.5rem; }