/* LIGHT THEME MAPPING */
.light {
    --mud-palette-primary: var(--md-sys-color-primary);
    --mud-palette-primary-text: var(--md-sys-color-on-primary);
    --mud-palette-secondary: var(--md-sys-color-secondary);
    --mud-palette-secondary-text: var(--md-sys-color-on-secondary);
    --mud-palette-tertiary: var(--md-sys-color-tertiary);
    --mud-palette-tertiary-text: var(--md-sys-color-on-tertiary);
    /* Background / surfaces - align page with drawer */
    --mud-palette-background: var(--md-sys-color-background);
    --mud-palette-surface: var(--md-sys-color-surface);
    --mud-palette-appbar-background: var(--md-sys-color-surface-container);
    --mud-palette-appbar-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-background: var(--md-sys-color-surface-container-low);
    --mud-palette-drawer-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-icon: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-primary: var(--md-sys-color-on-surface);
    --mud-palette-text-secondary: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-lines-default: var(--md-sys-color-outline);
    --mud-palette-divider: var(--md-sys-color-outline-variant);
    --mud-palette-error: var(--md-sys-color-error);
    --mud-palette-error-text: var(--md-sys-color-on-error);
    --mud-palette-success: var(--md-sys-color-primary);
    --mud-palette-warning: var(--md-sys-color-tertiary);
    --mud-palette-info: var(--md-sys-color-secondary);
    --mud-palette-action-default: var(--md-sys-color-on-surface);
    --mud-palette-action-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-action-disabled-background: var(--md-sys-color-surface-variant);
    --mud-palette-table-lines: var(--md-sys-color-outline-variant);
    --mud-palette-overlay-dark: rgba(0, 0, 0, 0.5);
    --mud-palette-overlay-light: rgba(255, 255, 255, 0.5);
    --mud-palette-background-custom: color-mix(in srgb, var(--md-sys-color-primary-container) 1%, var(--md-sys-color-surface-container-lowest));
}

/* LIGHT MEDIUM CONTRAST THEME MAPPING */
.light-medium-contrast {
    --mud-palette-primary: var(--md-sys-color-primary);
    --mud-palette-primary-text: var(--md-sys-color-on-primary);
    --mud-palette-secondary: var(--md-sys-color-secondary);
    --mud-palette-secondary-text: var(--md-sys-color-on-secondary);
    --mud-palette-tertiary: var(--md-sys-color-tertiary);
    --mud-palette-tertiary-text: var(--md-sys-color-on-tertiary);
    /* Background / surfaces - align page with drawer */
    /*--mud-palette-background: var(--md-sys-color-background);*/
    --mud-palette-background: var(--md-sys-color-surface-container-low);
    --mud-palette-surface: var(--md-sys-color-surface);
    --mud-palette-appbar-background: var(--md-sys-color-surface-container);
    --mud-palette-appbar-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-background: var(--md-sys-color-surface-container-low);
    --mud-palette-drawer-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-icon: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-primary: var(--md-sys-color-on-surface);
    --mud-palette-text-secondary: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-lines-default: var(--md-sys-color-outline);
    --mud-palette-divider: var(--md-sys-color-outline-variant);
    --mud-palette-error: var(--md-sys-color-error);
    --mud-palette-error-text: var(--md-sys-color-on-error);
    --mud-palette-success: var(--md-sys-color-primary);
    --mud-palette-warning: var(--md-sys-color-tertiary);
    --mud-palette-info: var(--md-sys-color-secondary);
    --mud-palette-action-default: var(--md-sys-color-on-surface);
    --mud-palette-action-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-action-disabled-background: var(--md-sys-color-surface-variant);
    --mud-palette-table-lines: var(--md-sys-color-outline-variant);
    --mud-palette-overlay-dark: rgba(0, 0, 0, 0.5);
    --mud-palette-overlay-light: rgba(255, 255, 255, 0.5);
    --mud-palette-background-custom: color-mix(in srgb, var(--md-sys-color-primary-container) 1%, var(--md-sys-color-surface-container-lowest));
}

.light-high-contrast {
    --mud-palette-primary: var(--md-sys-color-primary);
    --mud-palette-primary-text: var(--md-sys-color-on-primary);
    --mud-palette-secondary: var(--md-sys-color-secondary);
    --mud-palette-secondary-text: var(--md-sys-color-on-secondary);
    --mud-palette-tertiary: var(--md-sys-color-tertiary);
    --mud-palette-tertiary-text: var(--md-sys-color-on-tertiary);
    /* Background / surfaces - align page with drawer */
    /*--mud-palette-background: var(--md-sys-color-background);*/
    --mud-palette-background: var(--md-sys-color-surface-container-low);
    --mud-palette-surface: var(--md-sys-color-surface);
    --mud-palette-appbar-background: var(--md-sys-color-surface-container);
    --mud-palette-appbar-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-background: var(--md-sys-color-surface-container-low);
    --mud-palette-drawer-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-icon: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-primary: var(--md-sys-color-on-surface);
    --mud-palette-text-secondary: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-lines-default: var(--md-sys-color-outline);
    --mud-palette-divider: var(--md-sys-color-outline-variant);
    --mud-palette-error: var(--md-sys-color-error);
    --mud-palette-error-text: var(--md-sys-color-on-error);
    --mud-palette-success: var(--md-sys-color-primary);
    --mud-palette-warning: var(--md-sys-color-tertiary);
    --mud-palette-info: var(--md-sys-color-secondary);
    --mud-palette-action-default: var(--md-sys-color-on-surface);
    --mud-palette-action-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-action-disabled-background: var(--md-sys-color-surface-variant);
    --mud-palette-table-lines: var(--md-sys-color-outline-variant);
    --mud-palette-overlay-dark: rgba(0, 0, 0, 0.5);
    --mud-palette-overlay-light: rgba(255, 255, 255, 0.5);
    --mud-palette-background-custom: color-mix(in srgb, var(--md-sys-color-primary-container) 1%, var(--md-sys-color-surface-container-lowest));
}

/* DARK THEME MAPPING */
.dark {
    --mud-palette-primary: var(--md-sys-color-primary);
    --mud-palette-primary-text: var(--md-sys-color-on-primary);
    --mud-palette-secondary: var(--md-sys-color-secondary);
    --mud-palette-secondary-text: var(--md-sys-color-on-secondary);
    --mud-palette-tertiary: var(--md-sys-color-tertiary);
    --mud-palette-tertiary-text: var(--md-sys-color-on-tertiary);
    /* Background / surfaces - align page with drawer */
    --mud-palette-background: var(--md-sys-color-background);
    --mud-palette-surface: var(--md-sys-color-surface);
    --mud-palette-appbar-background: var(--md-sys-color-surface-container);
    --mud-palette-appbar-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-background: var(--md-sys-color-surface-container-low);
    --mud-palette-drawer-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-icon: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-primary: var(--md-sys-color-on-surface);
    --mud-palette-text-secondary: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-lines-default: var(--md-sys-color-outline);
    --mud-palette-divider: var(--md-sys-color-outline-variant);
    --mud-palette-error: var(--md-sys-color-error);
    --mud-palette-error-text: var(--md-sys-color-on-error);
    --mud-palette-success: var(--md-sys-color-primary);
    --mud-palette-warning: var(--md-sys-color-tertiary);
    --mud-palette-info: var(--md-sys-color-secondary);
    --mud-palette-action-default: var(--md-sys-color-on-surface);
    --mud-palette-action-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-action-disabled-background: var(--md-sys-color-surface-variant);
    --mud-palette-table-lines: var(--md-sys-color-outline-variant);
    --mud-palette-overlay-dark: rgba(0, 0, 0, 0.5);
    --mud-palette-overlay-light: rgba(255, 255, 255, 0.5);
    --mud-palette-background-custom: color-mix(in srgb, var(--md-sys-color-primary-container) 1%, var(--md-sys-color-surface-container-lowest));
}

/* DARK MEDIUM CONTRAST THEME MAPPING */
.dark-medium-contrast {
    --mud-palette-primary: var(--md-sys-color-primary);
    --mud-palette-primary-text: var(--md-sys-color-on-primary);
    --mud-palette-secondary: var(--md-sys-color-secondary);
    --mud-palette-secondary-text: var(--md-sys-color-on-secondary);
    --mud-palette-tertiary: var(--md-sys-color-tertiary);
    --mud-palette-tertiary-text: var(--md-sys-color-on-tertiary);
    /* Background / surfaces - align page with drawer */

    --mud-palette-background: var(--md-sys-color-background);
    --mud-palette-surface: var(--md-sys-color-surface);
    --mud-palette-appbar-background: var(--md-sys-color-surface-container);
    --mud-palette-appbar-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-background: var(--md-sys-color-surface-container-low);
    --mud-palette-drawer-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-icon: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-primary: var(--md-sys-color-on-surface);
    --mud-palette-text-secondary: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-lines-default: var(--md-sys-color-outline);
    --mud-palette-divider: var(--md-sys-color-outline-variant);
    --mud-palette-error: var(--md-sys-color-error);
    --mud-palette-error-text: var(--md-sys-color-on-error);
    --mud-palette-success: var(--md-sys-color-primary);
    --mud-palette-warning: var(--md-sys-color-tertiary);
    --mud-palette-info: var(--md-sys-color-secondary);
    --mud-palette-action-default: var(--md-sys-color-on-surface);
    --mud-palette-action-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-action-disabled-background: var(--md-sys-color-surface-variant);
    --mud-palette-table-lines: var(--md-sys-color-outline-variant);
    --mud-palette-overlay-dark: rgba(0, 0, 0, 0.5);
    --mud-palette-overlay-light: rgba(255, 255, 255, 0.5);
    --mud-palette-background-custom: color-mix(in srgb, var(--md-sys-color-primary-container) 1%, var(--md-sys-color-surface-container-lowest));
}

.simple-dialog.mud-dialog {
    background-color: var(--mud-palette-background-custom);
    border-radius: 4px;
    box-shadow: var(--mud-elevation-4);
}

.simple-dialog .mud-dialog-content,
.simple-dialog .mud-dialog-title,
.simple-dialog .mud-dialog-actions,
.simple-dialog .mud-list,
.simple-dialog .mud-input-outlined {
    background-color: transparent;
}

.simple-dialog .simple-list {
    border-top: 1px solid var(--mud-palette-table-lines);
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.simple-dialog .simple-list .mud-list-item,
.simple-dialog .simple-list .simple-list-row {
    border-bottom: 1px solid var(--mud-palette-table-lines);
    border-radius: 0;
}

.simple-dialog .simple-list .mud-list-item:last-child,
.simple-dialog .simple-list .simple-list-row:last-child {
    border-bottom: none;
}

.takeaway-items .mud-table-container {
    max-height: 320px;
    overflow-y: auto;
}

.takeaway-items .mud-table-head .mud-table-cell {
    background-color: var(--mud-palette-background-custom);
}

@media (max-width: 600px) {
    .simple-dialog.mud-dialog {
        width: calc(100vw - 16px);
        max-width: none;
        margin: 8px;
    }
}