/* Minification failed. Returning unminified contents.
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,28): run-time error CSS1039: Token not allowed after unary operator: '-shop-bg'
(37,17): run-time error CSS1039: Token not allowed after unary operator: '-shop-text'
(41,28): run-time error CSS1039: Token not allowed after unary operator: '-shop-border'
(45,28): run-time error CSS1039: Token not allowed after unary operator: '-shop-surface-elevated'
(49,31): run-time error CSS1039: Token not allowed after unary operator: '-shop-border'
(53,28): run-time error CSS1039: Token not allowed after unary operator: '-shop-border'
(57,28): run-time error CSS1039: Token not allowed after unary operator: '-shop-surface'
(61,24): run-time error CSS1039: Token not allowed after unary operator: '-shop-border'
(67,28): run-time error CSS1039: Token not allowed after unary operator: '-shop-surface-elevated'
(68,24): run-time error CSS1039: Token not allowed after unary operator: '-shop-border'
(69,17): run-time error CSS1039: Token not allowed after unary operator: '-shop-text'
(75,28): run-time error CSS1039: Token not allowed after unary operator: '-shop-accent'
(76,24): run-time error CSS1039: Token not allowed after unary operator: '-shop-accent'
(82,28): run-time error CSS1039: Token not allowed after unary operator: '-shop-accent-hover'
(83,24): run-time error CSS1039: Token not allowed after unary operator: '-shop-accent-hover'
(87,28): run-time error CSS1039: Token not allowed after unary operator: '-shop-surface'
(88,24): run-time error CSS1039: Token not allowed after unary operator: '-shop-border'
(89,17): run-time error CSS1039: Token not allowed after unary operator: '-shop-text'
(93,24): run-time error CSS1039: Token not allowed after unary operator: '-shop-accent'
(94,17): run-time error CSS1039: Token not allowed after unary operator: '-shop-link'
(100,22): run-time error CSS1039: Token not allowed after unary operator: '-shop-surface-elevated'
(101,17): run-time error CSS1039: Token not allowed after unary operator: '-shop-text'
(106,24): run-time error CSS1039: Token not allowed after unary operator: '-shop-border'
(110,24): run-time error CSS1039: Token not allowed after unary operator: '-shop-border'
(114,28): run-time error CSS1039: Token not allowed after unary operator: '-shop-surface-elevated'
(115,24): run-time error CSS1039: Token not allowed after unary operator: '-shop-border'
(124,17): run-time error CSS1039: Token not allowed after unary operator: '-shop-link'
(128,17): run-time error CSS1039: Token not allowed after unary operator: '-shop-text'
 */
/*!
 * Embedded Spreadshop dark mode — scoped to #myShop on Karaoke Nerds.
 * Spreadshop admin CSS (custom.css) still owns structural hides and light-mode text fixes.
 */

#myShop {
    font-family: inherit;
}

[data-theme="dark"] #myShop {
    --shop-bg: #111;
    --shop-surface: #2f3030;
    --shop-surface-elevated: #343a40;
    --shop-border: #5b6064;
    --shop-text: #c4c4c4;
    --shop-text-muted: #a4a8ad;
    --shop-link: #519beb;
    --shop-accent: #519beb;
    --shop-accent-hover: #6aabf0;

    /* Remap Spreadshop tokens (including m1 utility classes from custom.css) */
    --sprd-main1: var(--shop-surface);
    --sprd-main2: var(--shop-accent);
    --sprd-main3: var(--shop-surface);
    --sprd-sub2: var(--shop-text);
    --sprd-sub3: var(--shop-text);
    --sprd-main3-dec: 47, 48, 48;
    --sprd-cta-text-color: #ffffff;
    --sprd-main1-shifted: #3a3b3b;
    --sprd-main2-shifted: var(--shop-accent-hover);
    --sprd-main3-shifted: #3a3b3b;
    --sprd-sub2-shifted: var(--shop-text-muted);
    --sprd-sub2-shifted-2: var(--shop-border);
    --sprd-main2-shifted-3: var(--shop-accent-hover);

    background-color: var(--shop-bg);
    color: var(--shop-text);
}

[data-theme="dark"] #myShop .SprdMain .sprd-navigation {
    border-top-color: var(--shop-border) !important;
}

[data-theme="dark"] #myShop .SprdMain .sprd-burgermenu {
    background-color: var(--shop-surface-elevated);
}

[data-theme="dark"] #myShop .SprdMain .sprd-burgermenu__header {
    border-bottom-color: var(--shop-border);
}

[data-theme="dark"] #myShop .SprdMain .sprd-info-footer {
    border-top-color: var(--shop-border);
}

[data-theme="dark"] #myShop .SprdMain .sprd-product-list-item {
    background-color: var(--shop-surface);
}

[data-theme="dark"] #myShop .SprdMain .sprd-product-list-item--hover {
    border-color: var(--shop-border) !important;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.35), 0 1px 4px rgba(0, 0, 0, 0.4);
}

/* Buttons — sub2/main3 tokens flip meaning on .sprd-secondary */
[data-theme="dark"] #myShop .SprdMain .sprd-button.sprd-secondary {
    background-color: var(--shop-surface-elevated) !important;
    border-color: var(--shop-border) !important;
    color: var(--shop-text) !important;
}

[data-theme="dark"] #myShop .SprdMain .sprd-button.sprd-primary,
[data-theme="dark"] #myShop .SprdMain .sprd-btn-primary,
[data-theme="dark"] #myShop .SprdMain a.sprd-button.sprd-primary {
    background-color: var(--shop-accent) !important;
    border-color: var(--shop-accent) !important;
    color: #ffffff !important;
}

[data-theme="dark"] #myShop .SprdMain .sprd-button.sprd-primary:hover,
[data-theme="dark"] #myShop .SprdMain .sprd-btn-primary:hover {
    background-color: var(--shop-accent-hover) !important;
    border-color: var(--shop-accent-hover) !important;
}

[data-theme="dark"] #myShop .SprdMain .sprd-btn-secondary {
    background-color: var(--shop-surface) !important;
    border-color: var(--shop-border) !important;
    color: var(--shop-text) !important;
}

[data-theme="dark"] #myShop .SprdMain .sprd-btn-secondary:hover {
    border-color: var(--shop-accent) !important;
    color: var(--shop-link) !important;
}

/* Promo blocks use sub2 bg + main3 text — override for dark */
[data-theme="dark"] #myShop .SprdMain .sprd-promo-description,
[data-theme="dark"] #myShop .SprdMain .sprd-promo-header {
    background: var(--shop-surface-elevated) !important;
    color: var(--shop-text) !important;
}

/* select is not covered by dark-mode.css (only input/textarea) */
[data-theme="dark"] #myShop .SprdMain select {
    border-color: var(--shop-border);
}

[data-theme="dark"] #myShop .SprdMain .sprd-basket-indicator__button:focus {
    border-color: var(--shop-border);
}

[data-theme="dark"] #myShop .SprdMain .sprd-basket-notification {
    background-color: var(--shop-surface-elevated);
    border-color: var(--shop-border);
}

[data-theme="dark"] #myShop .SprdMain .sprd-overlay .sprd-Wrapper {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}

/* Contain site-wide dark-mode link styling inside the shop */
[data-theme="dark"] #myShop .SprdMain a:not(.sprd-button):not(.sprd-btn-primary):not(.sprd-btn-secondary) {
    color: var(--shop-link) !important;
}

[data-theme="dark"] #myShop .SprdMain a:not(.sprd-button):not(.sprd-btn-primary):not(.sprd-btn-secondary):hover {
    color: var(--shop-text) !important;
}