/**
 * Bridges MEM Bootstrap overrides for POS layouts where theme-mem is on an ancestor.
 * Layout package selectors use .theme-mem.btn-* (same element); POS uses .theme-mem on PosLayout root.
 */

.theme-mem .btn-primary {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-orange, #c07f2c);
    border-color: var(--mem-orange, #c07f2c);
}

.theme-mem .btn-primary:hover {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-orange-hover, #a56d24);
    border-color: var(--mem-orange-active, #8f5e1f);
}

.theme-mem .btn-primary:focus,
.theme-mem .btn-check:focus + .btn-primary {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-orange-hover, #a56d24);
    border-color: var(--mem-orange-active, #8f5e1f);
    box-shadow: 0 0 0 0.25rem var(--mem-focus-primary, rgba(192, 127, 44, 0.45));
}

.theme-mem .btn-primary:active,
.theme-mem .btn-primary.active,
.theme-mem .btn-check:checked + .btn-primary {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-orange-active, #8f5e1f);
    border-color: var(--mem-mocca, #895b2f);
}

.theme-mem .btn-secondary {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-hav, #929ca6);
    border-color: var(--mem-hav, #929ca6);
}

.theme-mem .btn-secondary:hover {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-hav-hover, #7a8490);
    border-color: var(--mem-hav-active, #656e78);
}

.theme-mem .btn-secondary:focus,
.theme-mem .btn-check:focus + .btn-secondary {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-hav-hover, #7a8490);
    border-color: var(--mem-hav-active, #656e78);
    box-shadow: 0 0 0 0.25rem var(--mem-focus-secondary, rgba(146, 156, 166, 0.45));
}

.theme-mem .btn-secondary:active,
.theme-mem .btn-secondary.active {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-hav-active, #656e78);
    border-color: var(--mem-aske, #5f513d);
}

.theme-mem .btn-success {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-skov, #3a3d1f);
    border-color: var(--mem-skov, #3a3d1f);
}

.theme-mem .btn-success:hover {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-skov-hover, #2e3118);
    border-color: var(--mem-skov-active, #232515);
}

.theme-mem .btn-success:focus,
.theme-mem .btn-check:focus + .btn-success {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-skov-hover, #2e3118);
    border-color: var(--mem-skov-active, #232515);
    box-shadow: 0 0 0 0.25rem var(--mem-focus-success, rgba(58, 61, 31, 0.35));
}

.theme-mem .btn-success:active,
.theme-mem .btn-success.active {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-skov-active, #232515);
    border-color: var(--mem-kaffe, #3f2615);
}

.theme-mem .btn-warning {
    color: var(--mem-kaffe, #3f2615);
    background-color: var(--mem-khaki, #d8c39b);
    border-color: var(--mem-khaki, #d8c39b);
}

.theme-mem .btn-warning:hover {
    color: var(--mem-kaffe, #3f2615);
    background-color: var(--mem-khaki-hover, #c9b48a);
    border-color: var(--mem-khaki-active, #b8a377);
}

.theme-mem .btn-warning:focus,
.theme-mem .btn-check:focus + .btn-warning {
    color: var(--mem-kaffe, #3f2615);
    background-color: var(--mem-khaki-hover, #c9b48a);
    border-color: var(--mem-khaki-active, #b8a377);
    box-shadow: 0 0 0 0.25rem var(--mem-focus-warning, rgba(216, 195, 155, 0.65));
}

.theme-mem .btn-warning:active,
.theme-mem .btn-warning.active {
    color: var(--mem-kaffe, #3f2615);
    background-color: var(--mem-khaki-active, #b8a377);
    border-color: var(--mem-mocca, #895b2f);
}

.theme-mem .btn-dark {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-kaffe, #3f2615);
    border-color: var(--mem-kaffe, #3f2615);
}

.theme-mem .btn-dark:hover {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-kaffe-hover, #2f1c10);
    border-color: var(--mem-kaffe-active, #221409);
}

.theme-mem .btn-dark:focus,
.theme-mem .btn-check:focus + .btn-dark {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-kaffe-hover, #2f1c10);
    border-color: var(--mem-kaffe-active, #221409);
    box-shadow: 0 0 0 0.25rem rgba(63, 38, 21, 0.45);
}

.theme-mem .btn-dark:active,
.theme-mem .btn-dark.active {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-kaffe-active, #221409);
    border-color: var(--mem-aske, #5f513d);
}

.theme-mem .btn-danger {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-rust, #a5431a);
    border-color: var(--mem-rust, #a5431a);
}

.theme-mem .btn-danger:hover {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-rust-hover, #8a3614);
    border-color: var(--mem-rust-active, #722c11);
}

.theme-mem .btn-outline-secondary {
    color: var(--mem-aske, #5f513d);
    border-color: var(--mem-strand, #d5c7b6);
}

.theme-mem .btn-outline-secondary:hover {
    color: var(--mem-kaffe, #3f2615);
    background-color: var(--mem-cream, #f3e1cf);
    border-color: var(--mem-ler, #a7927e);
}

.theme-mem .btn-outline-danger {
    color: var(--mem-rust, #a5431a);
    border-color: var(--mem-rust, #a5431a);
}

.theme-mem .btn-outline-danger:hover {
    color: var(--mem-hvid, #fff);
    background-color: var(--mem-rust, #a5431a);
    border-color: var(--mem-rust, #a5431a);
}

.theme-mem .alert-danger {
    color: #6b220d;
    background-color: #fce8e3;
    border-color: #e4b5a8;
}

.theme-mem .text-muted {
    color: var(--mem-aske, #5f513d) !important;
}