/* cabinet.css */
/* ============================================
   CABINET SPECIFIC STYLES - ORANGE THEME
   ============================================ */

.cabinet {
    max-width: 600px;
    margin: 0 auto;
    padding: var(--spacing-lg);
    background-color: var(--color-surface);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-md);
}

.user-info {
    margin-bottom: var(--spacing-xl);
}

.user-info p {
    font-size: 18px;
    margin-bottom: var(--spacing-md);
    color: var(--color-text);
}

.user-info span {
    font-weight: 700;
    color: var(--color-primary);
}

.pizza-progress {
    text-align: center;
}

.pizza-progress h3 {
    margin-bottom: var(--spacing-sm);
}

.pizza-progress p {
    margin-bottom: var(--spacing-lg);
    color: var(--color-text-light);
}

.pizza-container {
    margin: 0 auto var(--spacing-lg);
    width: 200px;
    height: 200px;
}

.pizza-svg {
    width: 100%;
    height: 100%;
}

.slice-bg {
    fill-opacity: 60%;
    fill: var(--color-gray-200);
    transition: fill var(--transition-medium);
}

#active-slices {
    font-weight: 700;
    color: var(--color-primary);
}

#claim-free-pizza {
    margin-top: var(--spacing-md);
}

#claim-free-pizza:disabled {
    background: var(--color-gray-400);
    box-shadow: none;
    cursor: not-allowed;
}

.slice-bg.active {
    fill-opacity: 0;
}

h2 {
    padding-bottom: 12px;
}