/* ═══════════════════════════════════════════
   سیستم تم‌های لوکس کافه - ۲۱ تم
   ═══════════════════════════════════════════ */

/* ═══════ تم پیش‌فرض: انبه‌ای مشکی ═══════ */
:root, body.theme-default {
    --black: #0a0a0a;
    --black-light: #141414;
    --black-card: #1a1a1a;
    --mango: #ff9f1c;
    --mango-dark: #e8890a;
    --mango-light: #ffc971;
    --white: #ffffff;
    --gray: #999999;
    --gray-dark: #333333;
    --success: #4ade80;
    --danger: #ef4444;
    --blue: #60a5fa;
    --purple: #a855f7;
    --purple-dark: #7c3aed;
    --glass: rgba(255,255,255,0.06);
    --glass-border: rgba(255,255,255,0.12);
    --card-radius: 16px;
    --btn-radius: 12px;
    --btn-border: 2px;
    --glow-color: rgba(255,159,28,0.3);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(255,159,28,.09) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(255,159,28,.07) 0,transparent 45%);
}

/* ═══════ تم ۲: زمرد سلطنتی ═══════ */
body.theme-emerald {
    --black: #0a1f14; --black-light: #0f2a1c; --black-card: #122e20;
    --mango: #50c878; --mango-dark: #3da35d; --mango-light: #7ed9a0;
    --white: #e8f5e9; --gray: #a5d6b5; --gray-dark: #2d5a45;
    --glass: rgba(80,200,120,0.06); --glass-border: rgba(80,200,120,0.18);
    --card-radius: 14px; --btn-radius: 8px; --btn-border: 2px;
    --glow-color: rgba(80,200,120,0.25);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(80,200,120,.1) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(212,175,55,.08) 0,transparent 45%);
}
body.theme-emerald .btn-primary, body.theme-emerald .submit-order-btn, body.theme-emerald .random-btn, body.theme-emerald .cart-float, body.theme-emerald .hero-logo, body.theme-emerald .special-icon, body.theme-emerald .table-icon.order, body.theme-emerald .daily-add, body.theme-emerald .add-btn:hover { background: linear-gradient(135deg,#50c878,#3da35d); border-color: #d4af37; }
body.theme-emerald .add-btn { border-color: #50c878; color: #50c878; }
body.theme-emerald .cat-tab:hover, body.theme-emerald .cat-tab.active { background: linear-gradient(135deg,#50c878,#3da35d); border-color: #d4af37; }
body.theme-emerald .hero h1 { background: linear-gradient(135deg,#7ed9a0,#50c878); -webkit-background-clip: text; background-clip: text; }

/* ═══════ تم ۳: یاقوت کبود ═══════ */
body.theme-sapphire {
    --black: #0a0f1e; --black-light: #111827; --black-card: #151f33;
    --mango: #4169e1; --mango-dark: #3457c9; --mango-light: #6b8ff0;
    --white: #e0f2fe; --gray: #94b8d8; --gray-dark: #2a3f5f;
    --glass: rgba(65,105,225,0.06); --glass-border: rgba(192,192,192,0.15);
    --card-radius: 12px; --btn-radius: 6px; --btn-border: 1px;
    --glow-color: rgba(65,105,225,0.25);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(65,105,225,.1) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(192,192,192,.05) 0,transparent 45%);
}
body.theme-sapphire .btn-primary, body.theme-sapphire .submit-order-btn, body.theme-sapphire .random-btn, body.theme-sapphire .cart-float, body.theme-sapphire .hero-logo, body.theme-sapphire .special-icon, body.theme-sapphire .table-icon.order { background: linear-gradient(135deg,#4169e1,#3457c9); border-color: #c0c0c0; }
body.theme-sapphire .add-btn { border-color: #4169e1; color: #4169e1; }
body.theme-sapphire .cat-tab:hover, body.theme-sapphire .cat-tab.active { background: linear-gradient(135deg,#4169e1,#3457c9); border-color: #c0c0c0; }
body.theme-sapphire .hero h1 { background: linear-gradient(135deg,#c0c0c0,#4169e1); -webkit-background-clip: text; background-clip: text; }

/* ═══════ تم ۴: عنبر ویسکی ═══════ */
body.theme-amber {
    --black: #1a0f0a; --black-light: #241610; --black-card: #2c1c14;
    --mango: #ff8c00; --mango-dark: #e67300; --mango-light: #ffb347;
    --white: #fef3c7; --gray: #d4a574; --gray-dark: #5c3d2e;
    --glass: rgba(255,140,0,0.06); --glass-border: rgba(184,115,51,0.2);
    --card-radius: 10px; --btn-radius: 8px; --btn-border: 2px;
    --glow-color: rgba(255,140,0,0.25);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(255,140,0,.1) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(184,115,51,.08) 0,transparent 45%);
}
body.theme-amber .btn-primary, body.theme-amber .submit-order-btn, body.theme-amber .random-btn, body.theme-amber .cart-float, body.theme-amber .hero-logo, body.theme-amber .special-icon, body.theme-amber .table-icon.order { background: linear-gradient(135deg,#ff8c00,#b87333); border-color: #d4a017; }
body.theme-amber .add-btn { border-color: #ff8c00; color: #ff8c00; }
body.theme-amber .cat-tab:hover, body.theme-amber .cat-tab.active { background: linear-gradient(135deg,#ff8c00,#b87333); border-color: #d4a017; }
body.theme-amber .hero h1 { background: linear-gradient(135deg,#ffb347,#ff8c00); -webkit-background-clip: text; background-clip: text; }

/* ═══════ تم ۵: رزگلد مشکی ═══════ */
body.theme-rosegold {
    --black: #14100e; --black-light: #1e1614; --black-card: #26201c;
    --mango: #e8b4b8; --mango-dark: #b76e79; --mango-light: #f4e1d2;
    --white: #fce4ec; --gray: #d4a5a5; --gray-dark: #5c4038;
    --glass: rgba(232,180,184,0.06); --glass-border: rgba(232,180,184,0.15);
    --card-radius: 20px; --btn-radius: 24px; --btn-border: 1px;
    --glow-color: rgba(232,180,184,0.2);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(232,180,184,.08) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(183,110,121,.06) 0,transparent 45%);
}
body.theme-rosegold .btn-primary, body.theme-rosegold .submit-order-btn, body.theme-rosegold .random-btn, body.theme-rosegold .cart-float, body.theme-rosegold .hero-logo, body.theme-rosegold .special-icon, body.theme-rosegold .table-icon.order { background: linear-gradient(135deg,#e8b4b8,#b76e79); border-color: #f4e1d2; }
body.theme-rosegold .add-btn { border-color: #e8b4b8; color: #e8b4b8; }
body.theme-rosegold .cat-tab:hover, body.theme-rosegold .cat-tab.active { background: linear-gradient(135deg,#e8b4b8,#b76e79); border-color: #f4e1d2; }
body.theme-rosegold .hero h1 { background: linear-gradient(135deg,#f4e1d2,#e8b4b8); -webkit-background-clip: text; background-clip: text; }

/* ═══════ تم ۶: آرت دکو ═══════ */
body.theme-artdeco {
    --black: #0f0f14; --black-light: #16161f; --black-card: #1c1c28;
    --mango: #d4af37; --mango-dark: #b8960f; --mango-light: #f0e68c;
    --white: #fdf6e3; --gray: #c9b896; --gray-dark: #4a4a5a;
    --glass: rgba(212,175,55,0.05); --glass-border: rgba(212,175,55,0.2);
    --card-radius: 4px; --btn-radius: 2px; --btn-border: 3px;
    --glow-color: rgba(212,175,55,0.2);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(212,175,55,.08) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(212,175,55,.05) 0,transparent 45%);
}
body.theme-artdeco .btn-primary, body.theme-artdeco .submit-order-btn, body.theme-artdeco .random-btn, body.theme-artdeco .cart-float, body.theme-artdeco .hero-logo, body.theme-artdeco .special-icon, body.theme-artdeco .table-icon.order { background: linear-gradient(135deg,#d4af37,#b8960f); border-color: #f0e68c; }
body.theme-artdeco .add-btn { border-color: #d4af37; color: #d4af37; }
body.theme-artdeco .cat-tab:hover, body.theme-artdeco .cat-tab.active { background: linear-gradient(135deg,#d4af37,#b8960f); border-color: #f0e68c; }
body.theme-artdeco .hero h1 { background: linear-gradient(135deg,#f0e68c,#d4af37); -webkit-background-clip: text; background-clip: text; }
body.theme-artdeco .section-title { letter-spacing: 2px; text-transform: uppercase; }

/* ═══════ تم ۷: بنفش مخملی ═══════ */
body.theme-amethyst {
    --black: #150a1e; --black-light: #1e1028; --black-card: #261434;
    --mango: #9932cc; --mango-dark: #7b28a8; --mango-light: #b86ee0;
    --white: #f3e5f5; --gray: #c9a0dc; --gray-dark: #4a2d5e;
    --glass: rgba(153,50,204,0.06); --glass-border: rgba(232,180,184,0.12);
    --card-radius: 16px; --btn-radius: 12px; --btn-border: 2px;
    --glow-color: rgba(153,50,204,0.25);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(153,50,204,.1) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(232,180,184,.05) 0,transparent 45%);
}
body.theme-amethyst .btn-primary, body.theme-amethyst .submit-order-btn, body.theme-amethyst .random-btn, body.theme-amethyst .cart-float, body.theme-amethyst .hero-logo, body.theme-amethyst .special-icon, body.theme-amethyst .table-icon.order { background: linear-gradient(135deg,#9932cc,#7b28a8); border-color: #e8b4b8; }
body.theme-amethyst .add-btn { border-color: #9932cc; color: #9932cc; }
body.theme-amethyst .cat-tab:hover, body.theme-amethyst .cat-tab.active { background: linear-gradient(135deg,#9932cc,#7b28a8); border-color: #e8b4b8; }
body.theme-amethyst .hero h1 { background: linear-gradient(135deg,#e8b4b8,#9932cc); -webkit-background-clip: text; background-clip: text; }

/* ═══════ تم ۸: فیروزه‌ای پارسی ═══════ */
body.theme-persian {
    --black: #0a1a1a; --black-light: #0f2626; --black-card: #142e2e;
    --mango: #40e0d0; --mango-dark: #20b2aa; --mango-light: #7fffd4;
    --white: #e0f7fa; --gray: #a0d8d0; --gray-dark: #2d5a55;
    --glass: rgba(64,224,208,0.05); --glass-border: rgba(212,175,55,0.15);
    --card-radius: 12px; --btn-radius: 8px; --btn-border: 2px;
    --glow-color: rgba(64,224,208,0.2);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(64,224,208,.08) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(212,175,55,.06) 0,transparent 45%);
}
body.theme-persian .btn-primary, body.theme-persian .submit-order-btn, body.theme-persian .random-btn, body.theme-persian .cart-float, body.theme-persian .hero-logo, body.theme-persian .special-icon, body.theme-persian .table-icon.order { background: linear-gradient(135deg,#40e0d0,#20b2aa); border-color: #d4af37; }
body.theme-persian .add-btn { border-color: #40e0d0; color: #40e0d0; }
body.theme-persian .cat-tab:hover, body.theme-persian .cat-tab.active { background: linear-gradient(135deg,#40e0d0,#20b2aa); border-color: #d4af37; }
body.theme-persian .hero h1 { background: linear-gradient(135deg,#d4af37,#40e0d0); -webkit-background-clip: text; background-clip: text; }

/* ═══════ تم ۹: نقره‌ای مه ═══════ */
body.theme-silver {
    --black: #121212; --black-light: #1a1a1a; --black-card: #222222;
    --mango: #b0b0b0; --mango-dark: #909090; --mango-light: #e8e8e8;
    --white: #f5f5f5; --gray: #a0a0a0; --gray-dark: #444444;
    --blue: #a8d8ea;
    --glass: rgba(176,176,176,0.05); --glass-border: rgba(176,176,176,0.12);
    --card-radius: 8px; --btn-radius: 4px; --btn-border: 1px;
    --glow-color: rgba(176,176,176,0.15);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(176,176,176,.06) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(168,216,234,.04) 0,transparent 45%);
}
body.theme-silver .btn-primary, body.theme-silver .submit-order-btn, body.theme-silver .random-btn, body.theme-silver .cart-float, body.theme-silver .hero-logo, body.theme-silver .special-icon, body.theme-silver .table-icon.order { background: linear-gradient(135deg,#b0b0b0,#909090); border-color: #e8e8e8; }
body.theme-silver .add-btn { border-color: #b0b0b0; color: #b0b0b0; }
body.theme-silver .cat-tab:hover, body.theme-silver .cat-tab.active { background: linear-gradient(135deg,#b0b0b0,#909090); border-color: #e8e8e8; }
body.theme-silver .hero h1 { background: linear-gradient(135deg,#e8e8e8,#b0b0b0); -webkit-background-clip: text; background-clip: text; }

/* ═══════ تم ۱۰: شرابی بورگوندی ═══════ */
body.theme-burgundy {
    --black: #1a0508; --black-light: #260a10; --black-card: #301018;
    --mango: #800020; --mango-dark: #600018; --mango-light: #b04060;
    --white: #fdf2e9; --gray: #d4a5a5; --gray-dark: #5c2030;
    --glass: rgba(128,0,32,0.06); --glass-border: rgba(201,162,39,0.15);
    --card-radius: 14px; --btn-radius: 10px; --btn-border: 2px;
    --glow-color: rgba(128,0,32,0.3);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(128,0,32,.12) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(201,162,39,.06) 0,transparent 45%);
}
body.theme-burgundy .btn-primary, body.theme-burgundy .submit-order-btn, body.theme-burgundy .random-btn, body.theme-burgundy .cart-float, body.theme-burgundy .hero-logo, body.theme-burgundy .special-icon, body.theme-burgundy .table-icon.order { background: linear-gradient(135deg,#800020,#600018); border-color: #c9a227; }
body.theme-burgundy .add-btn { border-color: #800020; color: #b04060; }
body.theme-burgundy .cat-tab:hover, body.theme-burgundy .cat-tab.active { background: linear-gradient(135deg,#800020,#600018); border-color: #c9a227; }
body.theme-burgundy .hero h1 { background: linear-gradient(135deg,#c9a227,#b04060); -webkit-background-clip: text; background-clip: text; }

/* ═══════ تم ۱۱: یاس رؤیایی ═══════ */
body.theme-lavender {
    --black: #16121f; --black-light: #1e1829; --black-card: #241d31;
    --mango: #b8a9d9; --mango-dark: #9580c4; --mango-light: #e0d6f2;
    --white: #f5f0fa; --gray: #c4b8d9; --gray-dark: #4a3f5e;
    --glass: rgba(184,169,217,0.06); --glass-border: rgba(184,169,217,0.15);
    --card-radius: 18px; --btn-radius: 20px; --btn-border: 1px;
    --glow-color: rgba(184,169,217,0.2);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(184,169,217,.08) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(149,128,196,.06) 0,transparent 45%);
}
body.theme-lavender .btn-primary, body.theme-lavender .submit-order-btn, body.theme-lavender .random-btn, body.theme-lavender .cart-float, body.theme-lavender .hero-logo, body.theme-lavender .special-icon, body.theme-lavender .table-icon.order, body.theme-lavender .daily-add, body.theme-lavender .add-btn:hover { background: linear-gradient(135deg,#b8a9d9,#9580c4); border-color: #e0d6f2; }
body.theme-lavender .add-btn { border-color: #b8a9d9; color: #b8a9d9; }
body.theme-lavender .cat-tab:hover, body.theme-lavender .cat-tab.active { background: linear-gradient(135deg,#b8a9d9,#9580c4); border-color: #e0d6f2; }
body.theme-lavender .hero h1 { background: linear-gradient(135deg,#e0d6f2,#b8a9d9); -webkit-background-clip: text; background-clip: text; }

/* ═══════ تم ۱۲: زیتون طلایی ═══════ */
body.theme-olive {
    --black: #141610; --black-light: #1c1f16; --black-card: #22261c;
    --mango: #a3b18a; --mango-dark: #588157; --mango-light: #dad7cd;
    --white: #f5f5ef; --gray: #b8c4a8; --gray-dark: #3f4a35;
    --glass: rgba(163,177,138,0.06); --glass-border: rgba(163,177,138,0.15);
    --card-radius: 12px; --btn-radius: 8px; --btn-border: 2px;
    --glow-color: rgba(163,177,138,0.2);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(163,177,138,.08) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(88,129,87,.06) 0,transparent 45%);
}
body.theme-olive .btn-primary, body.theme-olive .submit-order-btn, body.theme-olive .random-btn, body.theme-olive .cart-float, body.theme-olive .hero-logo, body.theme-olive .special-icon, body.theme-olive .table-icon.order, body.theme-olive .daily-add, body.theme-olive .add-btn:hover { background: linear-gradient(135deg,#a3b18a,#588157); border-color: #dad7cd; }
body.theme-olive .add-btn { border-color: #a3b18a; color: #a3b18a; }
body.theme-olive .cat-tab:hover, body.theme-olive .cat-tab.active { background: linear-gradient(135deg,#a3b18a,#588157); border-color: #dad7cd; }
body.theme-olive .hero h1 { background: linear-gradient(135deg,#dad7cd,#a3b18a); -webkit-background-clip: text; background-clip: text; }

/* ═══════ تم ۱۳: غروب هلویی ═══════ */
body.theme-peach {
    --black: #1a1210; --black-light: #241a16; --black-card: #2c201c;
    --mango: #e8a87c; --mango-dark: #d68c6a; --mango-light: #f5e6d8;
    --white: #fef9f4; --gray: #d9c0a8; --gray-dark: #5c4438;
    --glass: rgba(232,168,124,0.06); --glass-border: rgba(232,168,124,0.15);
    --card-radius: 16px; --btn-radius: 14px; --btn-border: 2px;
    --glow-color: rgba(232,168,124,0.2);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(232,168,124,.09) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(214,140,106,.07) 0,transparent 45%);
}
body.theme-peach .btn-primary, body.theme-peach .submit-order-btn, body.theme-peach .random-btn, body.theme-peach .cart-float, body.theme-peach .hero-logo, body.theme-peach .special-icon, body.theme-peach .table-icon.order, body.theme-peach .daily-add, body.theme-peach .add-btn:hover { background: linear-gradient(135deg,#e8a87c,#d68c6a); border-color: #f5e6d8; }
body.theme-peach .add-btn { border-color: #e8a87c; color: #e8a87c; }
body.theme-peach .cat-tab:hover, body.theme-peach .cat-tab.active { background: linear-gradient(135deg,#e8a87c,#d68c6a); border-color: #f5e6d8; }
body.theme-peach .hero h1 { background: linear-gradient(135deg,#f5e6d8,#e8a87c); -webkit-background-clip: text; background-clip: text; }

/* ═══════ تم ۱۴: اقیانوس آرام ═══════ */
body.theme-pacific {
    --black: #0a1220; --black-light: #101a2c; --black-card: #142030;
    --mango: #6b9ac4; --mango-dark: #4a7aa5; --mango-light: #d4e4f7;
    --white: #f0f6fc; --gray: #a8c4d8; --gray-dark: #2c4a64;
    --glass: rgba(107,154,196,0.06); --glass-border: rgba(107,154,196,0.15);
    --card-radius: 14px; --btn-radius: 12px; --btn-border: 2px;
    --glow-color: rgba(107,154,196,0.2);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(107,154,196,.08) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(74,122,165,.06) 0,transparent 45%);
}
body.theme-pacific .btn-primary, body.theme-pacific .submit-order-btn, body.theme-pacific .random-btn, body.theme-pacific .cart-float, body.theme-pacific .hero-logo, body.theme-pacific .special-icon, body.theme-pacific .table-icon.order, body.theme-pacific .daily-add, body.theme-pacific .add-btn:hover { background: linear-gradient(135deg,#6b9ac4,#4a7aa5); border-color: #d4e4f7; }
body.theme-pacific .add-btn { border-color: #6b9ac4; color: #6b9ac4; }
body.theme-pacific .cat-tab:hover, body.theme-pacific .cat-tab.active { background: linear-gradient(135deg,#6b9ac4,#4a7aa5); border-color: #d4e4f7; }
body.theme-pacific .hero h1 { background: linear-gradient(135deg,#d4e4f7,#6b9ac4); -webkit-background-clip: text; background-clip: text; }

/* ═══════ تم ۱۵: موکا کرم ═══════ */
body.theme-mocha {
    --black: #18120e; --black-light: #221a14; --black-card: #2a201a;
    --mango: #c4a882; --mango-dark: #a08060; --mango-light: #f0e6d6;
    --white: #faf5ef; --gray: #d4c4a8; --gray-dark: #5c4c38;
    --glass: rgba(196,168,130,0.06); --glass-border: rgba(196,168,130,0.15);
    --card-radius: 14px; --btn-radius: 10px; --btn-border: 2px;
    --glow-color: rgba(196,168,130,0.2);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(196,168,130,.08) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(160,128,96,.06) 0,transparent 45%);
}
body.theme-mocha .btn-primary, body.theme-mocha .submit-order-btn, body.theme-mocha .random-btn, body.theme-mocha .cart-float, body.theme-mocha .hero-logo, body.theme-mocha .special-icon, body.theme-mocha .table-icon.order, body.theme-mocha .daily-add, body.theme-mocha .add-btn:hover { background: linear-gradient(135deg,#c4a882,#a08060); border-color: #f0e6d6; }
body.theme-mocha .add-btn { border-color: #c4a882; color: #c4a882; }
body.theme-mocha .cat-tab:hover, body.theme-mocha .cat-tab.active { background: linear-gradient(135deg,#c4a882,#a08060); border-color: #f0e6d6; }
body.theme-mocha .hero h1 { background: linear-gradient(135deg,#f0e6d6,#c4a882); -webkit-background-clip: text; background-clip: text; }

/* ═══════════════════════════════════════════
   ۶ تم روشن جدید
   ═══════════════════════════════════════════ */

/* ═══════ تم ۱۶: صبح روشن ═══════ */
body.theme-morning {
    --black: #faf8f5; --black-light: #f5f0ea; --black-card: #ffffff;
    --mango: #e07a3f; --mango-dark: #c4652e; --mango-light: #f5c49a;
    --white: #2c2c2c; --gray: #8a8a8a; --gray-dark: #e0dcd5;
    --success: #22c55e; --danger: #dc2626;
    --glass: rgba(224,122,63,0.05); --glass-border: rgba(224,122,63,0.15);
    --card-radius: 16px; --btn-radius: 14px; --btn-border: 2px;
    --glow-color: rgba(224,122,63,0.15);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(224,122,63,.06) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(245,196,154,.08) 0,transparent 45%);
}
body.theme-morning .btn-primary, body.theme-morning .submit-order-btn, body.theme-morning .random-btn, body.theme-morning .cart-float, body.theme-morning .hero-logo, body.theme-morning .special-icon, body.theme-morning .table-icon.order, body.theme-morning .daily-add, body.theme-morning .add-btn:hover { background: linear-gradient(135deg,#e07a3f,#c4652e); border-color: #f5c49a; color: #fff; }
body.theme-morning .add-btn { border-color: #e07a3f; color: #e07a3f; }
body.theme-morning .cat-tab { background: #fff; border-color: #e0dcd5; color: #2c2c2c; }
body.theme-morning .cat-tab:hover, body.theme-morning .cat-tab.active { background: linear-gradient(135deg,#e07a3f,#c4652e); color: #fff; border-color: #f5c49a; }
body.theme-morning .hero h1 { background: linear-gradient(135deg,#c4652e,#e07a3f); -webkit-background-clip: text; background-clip: text; }
body.theme-morning .hero-top-btn { color: #e07a3f; background: #fff; border-color: #e0dcd5; }
body.theme-morning .item-card, body.theme-morning .daily-list-item, body.theme-morning .special-card { box-shadow: 0 2px 12px rgba(0,0,0,.06); }

/* ═══════ تم ۱۷: سفید مشکی لوکس ═══════ */
body.theme-noirblanc {
    --black: #ffffff; --black-light: #f8f8f8; --black-card: #ffffff;
    --mango: #1a1a1a; --mango-dark: #333333; --mango-light: #666666;
    --white: #1a1a1a; --gray: #999999; --gray-dark: #e8e8e8;
    --success: #16a34a; --danger: #dc2626;
    --glass: rgba(26,26,26,0.03); --glass-border: rgba(26,26,26,0.1);
    --card-radius: 16px; --btn-radius: 14px; --btn-border: 2px;
    --glow-color: rgba(26,26,26,0.08);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(26,26,26,.02) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(26,26,26,.01) 0,transparent 45%);
}
body.theme-noirblanc .btn-primary, body.theme-noirblanc .submit-order-btn, body.theme-noirblanc .random-btn, body.theme-noirblanc .cart-float, body.theme-noirblanc .hero-logo, body.theme-noirblanc .special-icon, body.theme-noirblanc .table-icon.order, body.theme-noirblanc .daily-add, body.theme-noirblanc .add-btn:hover { background: linear-gradient(135deg,#1a1a1a,#333333); border-color: #666666; color: #fff; }
body.theme-noirblanc .add-btn { border-color: #1a1a1a; color: #1a1a1a; }
body.theme-noirblanc .cat-tab { background: #fff; border-color: #e8e8e8; color: #1a1a1a; }
body.theme-noirblanc .cat-tab:hover, body.theme-noirblanc .cat-tab.active { background: linear-gradient(135deg,#1a1a1a,#333333); color: #fff; border-color: #666666; }
body.theme-noirblanc .hero h1 { background: linear-gradient(135deg,#333333,#1a1a1a); -webkit-background-clip: text; background-clip: text; }
body.theme-noirblanc .hero-top-btn { color: #1a1a1a; background: #fff; border-color: #e8e8e8; }
body.theme-noirblanc .item-card, body.theme-noirblanc .daily-list-item, body.theme-noirblanc .special-card { box-shadow: 0 1px 8px rgba(0,0,0,.05); border-color: #e8e8e8; }

/* ═══════ تم ۱۸: آبی آسمانی ═══════ */
body.theme-sky {
    --black: #f0f7fc; --black-light: #e8f2fa; --black-card: #ffffff;
    --mango: #4a90c4; --mango-dark: #3572a0; --mango-light: #a8d0f0;
    --white: #1a3040; --gray: #7a9ab0; --gray-dark: #d8e8f2;
    --success: #16a34a; --danger: #dc2626;
    --glass: rgba(74,144,196,0.05); --glass-border: rgba(74,144,196,0.15);
    --card-radius: 18px; --btn-radius: 16px; --btn-border: 2px;
    --glow-color: rgba(74,144,196,0.12);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(74,144,196,.06) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(168,208,240,.08) 0,transparent 45%);
}
body.theme-sky .btn-primary, body.theme-sky .submit-order-btn, body.theme-sky .random-btn, body.theme-sky .cart-float, body.theme-sky .hero-logo, body.theme-sky .special-icon, body.theme-sky .table-icon.order, body.theme-sky .daily-add, body.theme-sky .add-btn:hover { background: linear-gradient(135deg,#4a90c4,#3572a0); border-color: #a8d0f0; color: #fff; }
body.theme-sky .add-btn { border-color: #4a90c4; color: #4a90c4; }
body.theme-sky .cat-tab { background: #fff; border-color: #d8e8f2; color: #1a3040; }
body.theme-sky .cat-tab:hover, body.theme-sky .cat-tab.active { background: linear-gradient(135deg,#4a90c4,#3572a0); color: #fff; border-color: #a8d0f0; }
body.theme-sky .hero h1 { background: linear-gradient(135deg,#3572a0,#4a90c4); -webkit-background-clip: text; background-clip: text; }
body.theme-sky .hero-top-btn { color: #4a90c4; background: #fff; border-color: #d8e8f2; }
body.theme-sky .item-card, body.theme-sky .daily-list-item, body.theme-sky .special-card { box-shadow: 0 2px 12px rgba(74,144,196,.08); }

/* ═══════ تم ۱۹: صورتی پاستل ═══════ */
body.theme-pastelpink {
    --black: #fdf5f6; --black-light: #faeff0; --black-card: #ffffff;
    --mango: #d4788c; --mango-dark: #b85c72; --mango-light: #f0c0ca;
    --white: #3a2830; --gray: #a88890; --gray-dark: #f0e0e4;
    --success: #16a34a; --danger: #dc2626;
    --glass: rgba(212,120,140,0.05); --glass-border: rgba(212,120,140,0.15);
    --card-radius: 22px; --btn-radius: 24px; --btn-border: 1px;
    --glow-color: rgba(212,120,140,0.12);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(212,120,140,.06) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(240,192,202,.08) 0,transparent 45%);
}
body.theme-pastelpink .btn-primary, body.theme-pastelpink .submit-order-btn, body.theme-pastelpink .random-btn, body.theme-pastelpink .cart-float, body.theme-pastelpink .hero-logo, body.theme-pastelpink .special-icon, body.theme-pastelpink .table-icon.order, body.theme-pastelpink .daily-add, body.theme-pastelpink .add-btn:hover { background: linear-gradient(135deg,#d4788c,#b85c72); border-color: #f0c0ca; color: #fff; }
body.theme-pastelpink .add-btn { border-color: #d4788c; color: #d4788c; }
body.theme-pastelpink .cat-tab { background: #fff; border-color: #f0e0e4; color: #3a2830; }
body.theme-pastelpink .cat-tab:hover, body.theme-pastelpink .cat-tab.active { background: linear-gradient(135deg,#d4788c,#b85c72); color: #fff; border-color: #f0c0ca; }
body.theme-pastelpink .hero h1 { background: linear-gradient(135deg,#b85c72,#d4788c); -webkit-background-clip: text; background-clip: text; }
body.theme-pastelpink .hero-top-btn { color: #d4788c; background: #fff; border-color: #f0e0e4; }
body.theme-pastelpink .item-card, body.theme-pastelpink .daily-list-item, body.theme-pastelpink .special-card { box-shadow: 0 2px 12px rgba(212,120,140,.08); }

/* ═══════ تم ۲۰: سبز نعناعی ═══════ */
body.theme-mint {
    --black: #f2faf6; --black-light: #eaf6ef; --black-card: #ffffff;
    --mango: #52a882; --mango-dark: #3d8866; --mango-light: #a8dcc0;
    --white: #1a3028; --gray: #7aa890; --gray-dark: #d8f0e4;
    --success: #16a34a; --danger: #dc2626;
    --glass: rgba(82,168,130,0.05); --glass-border: rgba(82,168,130,0.15);
    --card-radius: 16px; --btn-radius: 14px; --btn-border: 2px;
    --glow-color: rgba(82,168,130,0.12);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(82,168,130,.06) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(168,220,192,.08) 0,transparent 45%);
}
body.theme-mint .btn-primary, body.theme-mint .submit-order-btn, body.theme-mint .random-btn, body.theme-mint .cart-float, body.theme-mint .hero-logo, body.theme-mint .special-icon, body.theme-mint .table-icon.order, body.theme-mint .daily-add, body.theme-mint .add-btn:hover { background: linear-gradient(135deg,#52a882,#3d8866); border-color: #a8dcc0; color: #fff; }
body.theme-mint .add-btn { border-color: #52a882; color: #52a882; }
body.theme-mint .cat-tab { background: #fff; border-color: #d8f0e4; color: #1a3028; }
body.theme-mint .cat-tab:hover, body.theme-mint .cat-tab.active { background: linear-gradient(135deg,#52a882,#3d8866); color: #fff; border-color: #a8dcc0; }
body.theme-mint .hero h1 { background: linear-gradient(135deg,#3d8866,#52a882); -webkit-background-clip: text; background-clip: text; }
body.theme-mint .hero-top-btn { color: #52a882; background: #fff; border-color: #d8f0e4; }
body.theme-mint .item-card, body.theme-mint .daily-list-item, body.theme-mint .special-card { box-shadow: 0 2px 12px rgba(82,168,130,.08); }
/* ═══════ اصلاح رنگ آیتم ویژه در تم نعناعی ═══════ */
body.theme-mint .special-content h3 {
    color: #1a3028;
    font-weight: 800;
    font-size: 1rem;
}
body.theme-mint .special-content p {
    color: #3d8866;
    font-weight: 600;
    font-size: .8rem;
}
body.theme-mint .special-card {
    border-color: #52a882;
}
body.theme-mint .special-icon {
    background: linear-gradient(135deg,#52a882,#3d8866);
    border-color: #a8dcc0;
}
body.theme-mint .item-price {
    color: #1a3028;
    font-weight: 800;
}
/* ═══════ اصلاح رنگ هدر در تم نعناعی ═══════ */

/* اسم کافه - مشکی پررنگ */
body.theme-mint .hero h1 {
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: #1a3028;
    color: #1a3028;
    font-weight: 900;
}

/* توضیحات کافه - سبز پررنگ */
body.theme-mint .hero p {
    color: #3d8866;
    font-weight: 600;
    font-size: .95rem;
}

/* شماره تماس - سبز پررنگ */
body.theme-mint .hero-phone {
    color: #3d8866;
    font-weight: 700;
    font-size: .85rem;
}
body.theme-mint .hero-phone:hover {
    color: #1a3028;
}
body.theme-mint .hero-phone i {
    color: #3d8866;
}
/* ═══════ اصلاح دکمه‌های تعداد در تم نعناعی ═══════ */

/* بک‌گراند کنترل تعداد - سفید */
body.theme-mint .qty-control {
    background: #ffffff;
    border: 1px solid #d8f0e4;
    box-shadow: 0 2px 8px rgba(82,168,130,.1);
}

/* دکمه‌های کم و زیاد - سفید */
body.theme-mint .qty-btn {
    background: #ffffff;
    color: #1a3028;
    border: 1px solid #d8f0e4;
}
body.theme-mint .qty-btn:hover {
    background: #f2faf6;
    border-color: #52a882;
    color: #52a882;
}

/* دکمه به علاوه - سبز */
body.theme-mint .qty-btn.plus {
    background: #52a882;
    color: #ffffff;
    border-color: #52a882;
}

/* عدد تعداد - مشکی پررنگ */
body.theme-mint .qty-num {
    color: #1a3028;
    font-weight: 800;
}

/* ═══════ اصلاح سفارش تصادفی در تم نعناعی ═══════ */

/* دکمه سفارش تصادفی - سبز آبی */
body.theme-mint .random-btn {
    background: linear-gradient(135deg, #2a9d8f, #1a7a6e);
    border: none;
    box-shadow: 0 4px 15px rgba(42,157,143,.3);
}
body.theme-mint .random-btn:hover {
    background: linear-gradient(135deg, #1a7a6e, #14605a);
    box-shadow: 0 6px 20px rgba(42,157,143,.4);
    transform: translateY(-2px);
}

/* کارت سفارش تصادفی - سفید با حاشیه سبز آبی */
body.theme-mint .random-card {
    background: #ffffff;
    border-color: #2a9d8f;
    box-shadow: 0 4px 20px rgba(42,157,143,.1);
}

/* تصویر آیتم تصادفی */
body.theme-mint .random-item-content img {
    border-color: #2a9d8f;
}

/* آیکون جایگزین تصویر */
body.theme-mint .random-img-placeholder {
    background: rgba(42,157,143,.1);
    border-color: rgba(42,157,143,.3);
    color: #2a9d8f;
}

/* نام آیتم تصادفی - مشکی پررنگ */
body.theme-mint .random-name {
    color: #1a3028;
}

/* توضیحات آیتم تصادفی */
body.theme-mint .random-desc {
    color: #7aa890;
}

/* قیمت آیتم تصادفی - سبز آبی */
body.theme-mint .random-price {
    color: #2a9d8f;
    font-weight: 800;
}

/* دکمه افزودن در کارت تصادفی */
body.theme-mint .random-card .add-btn {
    border-color: #2a9d8f;
    color: #2a9d8f;
}
body.theme-mint .random-card .add-btn:hover {
    background: #2a9d8f;
    color: #ffffff;
}

/* دکمه به علاوه در کارت تصادفی */
body.theme-mint .random-card .qty-btn.plus {
    background: #2a9d8f;
    color: #ffffff;
}

/* دکمه‌های اقدام در کارت تصادفی */
body.theme-mint .random-actions button:first-child {
    background: rgba(42,157,143,.1);
    color: #2a9d8f;
    border-color: #2a9d8f;
}
body.theme-mint .random-actions button:last-child {
    background: #2a9d8f;
    color: #ffffff;
}
/* ═══════ اصلاح دکمه‌های اقدام در سفارش تصادفی ═══════ */

/* دکمه بستن - سبز آبی ملایم */
body.theme-mint .random-actions button:first-child {
    background: rgba(42,157,143,.1) !important;
    color: #2a9d8f !important;
    border: 1px solid #2a9d8f !important;
}
body.theme-mint .random-actions button:first-child:hover {
    background: rgba(42,157,143,.2) !important;
    color: #1a7a6e !important;
}

/* دکمه شانس دوباره - سبز آبی پررنگ */
body.theme-mint .random-actions button:last-child {
    background: linear-gradient(135deg, #2a9d8f, #1a7a6e) !important;
    color: #ffffff !important;
    border: none !important;
}
body.theme-mint .random-actions button:last-child:hover {
    background: linear-gradient(135deg, #1a7a6e, #14605a) !important;
    box-shadow: 0 4px 12px rgba(42,157,143,.3);
}

/* ═══════ تم ۲۱: هلویی روشن ═══════ */
body.theme-peachlight {
    --black: #fdf8f4; --black-light: #faf3ec; --black-card: #ffffff;
    --mango: #d4886c; --mango-dark: #b86e52; --mango-light: #f0c8b0;
    --white: #3a2820; --gray: #a89080; --gray-dark: #f0e4dc;
    --success: #16a34a; --danger: #dc2626;
    --glass: rgba(212,136,108,0.05); --glass-border: rgba(212,136,108,0.15);
    --card-radius: 18px; --btn-radius: 16px; --btn-border: 2px;
    --glow-color: rgba(212,136,108,0.12);
    --body-bg: radial-gradient(circle at 15% 10%,rgba(212,136,108,.06) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(240,200,176,.08) 0,transparent 45%);
}
body.theme-peachlight .btn-primary, body.theme-peachlight .submit-order-btn, body.theme-peachlight .random-btn, body.theme-peachlight .cart-float, body.theme-peachlight .hero-logo, body.theme-peachlight .special-icon, body.theme-peachlight .table-icon.order, body.theme-peachlight .daily-add, body.theme-peachlight .add-btn:hover { background: linear-gradient(135deg,#d4886c,#b86e52); border-color: #f0c8b0; color: #fff; }
body.theme-peachlight .add-btn { border-color: #d4886c; color: #d4886c; }
body.theme-peachlight .cat-tab { background: #fff; border-color: #f0e4dc; color: #3a2820; }
body.theme-peachlight .cat-tab:hover, body.theme-peachlight .cat-tab.active { background: linear-gradient(135deg,#d4886c,#b86e52); color: #fff; border-color: #f0c8b0; }
body.theme-peachlight .hero h1 { background: linear-gradient(135deg,#b86e52,#d4886c); -webkit-background-clip: text; background-clip: text; }
body.theme-peachlight .hero-top-btn { color: #d4886c; background: #fff; border-color: #f0e4dc; }
body.theme-peachlight .item-card, body.theme-peachlight .daily-list-item, body.theme-peachlight .special-card { box-shadow: 0 2px 12px rgba(212,136,108,.08); }

/* ═══════════ استایل‌های مشترک ═══════════ */
body[class*="theme-"] {
    background: var(--black);
    background-image: var(--body-bg);
    background-attachment: fixed;
}
body[class*="theme-"] .item-card,
body[class*="theme-"] .daily-list-item,
body[class*="theme-"] .special-card,
body[class*="theme-"] .random-card {
    border-radius: var(--card-radius);
}
body[class*="theme-"] .btn-primary,
body[class*="theme-"] .submit-order-btn,
body[class*="theme-"] .btn-danger,
body[class*="theme-"] .btn-success,
body[class*="theme-"] .btn-sm,
body[class*="theme-"] .btn-xs {
    border-radius: var(--btn-radius);
}
body[class*="theme-"] .add-btn {
    border-width: var(--btn-border);
    border-radius: var(--btn-radius);
}
body[class*="theme-"] .hero-logo,
body[class*="theme-"] .special-icon {
    box-shadow: 0 10px 40px var(--glow-color);
}
body[class*="theme-"] .cat-tab {
    border-radius: 50px;
}
body[class*="theme-"] .item-price,
body[class*="theme-"] .daily-new,
body[class*="theme-"] .total-price {
    color: var(--mango);
}
body[class*="theme-"] .section-title {
    border-right-color: var(--mango);
    color: var(--mango);
}
body[class*="theme-"] .hero-top-btn {
    color: var(--mango);
    border-color: var(--glass-border);
}
body[class*="theme-"] .table-badge-glass,
body[class*="theme-"] .table-badge-inline {
    color: var(--mango);
    border-color: var(--glass-border);
}
body[class*="theme-"] .footer-link {
    color: var(--mango);
}
body[class*="theme-"] .footer-link:hover {
    color: var(--mango-light);
    background: var(--glass);
}
body[class*="theme-"] .admin-header h1,
body[class*="theme-"] .admin-card h3,
body[class*="theme-"] .admin-nav a.active {
    color: var(--mango);
}
body[class*="theme-"] .admin-nav a.active {
    border-color: var(--mango);
}
body[class*="theme-"] .form-input:focus,
body[class*="theme-"] .table-input:focus,
body[class*="theme-"] .note-input:focus,
body[class*="theme-"] .search-box:focus {
    border-color: var(--mango);
}
body[class*="theme-"] .qty-btn.plus {
    background: var(--mango);
    color: var(--black);
}
body[class*="theme-"] .order-item-row .qty,
body[class*="theme-"] .invoice-qty-num {
    color: var(--mango);
}
body[class*="theme-"] .invoice-item-price {
    color: var(--mango);
}
body[class*="theme-"] .bill-total {
    color: var(--mango);
}
body[class*="theme-"] .status-new {
    background: var(--glass);
    color: var(--mango);
}
body[class*="theme-"] .status-badge {
    background: var(--glass);
    color: var(--mango);
}