/* ArnaMenu Tenant Halloween Theme Layer: opla */
/* Version: 5 | Generated: 2026-10-23T21:20:32+03:30 */

body[data-halloween="active"] {
    --hw-primary: #FF7518;
    --hw-secondary: #2B1704;
    --hw-text: #FFFFFF;
    --hw-accent: #FFA726;
    --hw-glow: rgba(255, 117, 24, 0.35);
    --hw-btn-radius: 12px;
    --hw-banner: url('https://centeral.arnamenu.ir/holloween/banner1.jpg');
}

body[data-halloween="active"].gn-body {
    --primary: var(--hw-primary); --secondary: #2b1f38; --background: #0d0b12; --surface: #161220; --text: #ede9f6; --muted: #9f97ad; --border: rgba(255, 117, 24, 0.2); --accent: var(--hw-accent); --gn-bg: #0d0b12; --gn-surface: #161220; --gn-text: #ede9f6; --gn-muted: #9f97ad; --gn-primary: var(--hw-primary); --gn-accent: var(--hw-accent);
}
body[data-halloween="active"].vg-body {
    --vg-midnight: #09060f; --vg-deep: #130d1f; --vg-cobalt: #1e1330; --vg-prussian: #2a1a42; --vg-gold: var(--hw-primary); --vg-moon: var(--hw-accent); --vg-cream: #f4effa; --vg-muted: #a39cb0; --primary: var(--hw-primary); --background-color: #09060f; --bg-light: #130d1f; --text-dark: #f4effa;
}
body[data-halloween="active"].mc-body {
    --mc-teal: #1a0f08; --mc-teal-dark: #0f0a06; --mc-teal-deep: #080503; --mc-teal-surface: #20130d; --mc-ivory: #15111b; --mc-cream: #1d1825; --mc-cream-dark: #2a2235; --mc-charcoal: #f0ecf7; --mc-text-body: #dedae8; --mc-text-muted: #9f99ad; --mc-gold: var(--hw-primary); --mc-gold-light: var(--hw-accent); --mc-gold-border: rgba(255, 117, 24, 0.35);
}
body[data-halloween="active"].farm-body {
    --farm-cream: #14111a; --farm-cream-light: #1b1624; --farm-cream-dark: #241d2f; --farm-parchment: #181422; --farm-forest: #2a1608; --farm-forest-dark: #1a0d05; --farm-forest-surface: rgba(255, 117, 24, 0.1); --farm-sage: var(--hw-accent); --farm-primary: var(--hw-primary); --farm-accent: var(--hw-accent); --farm-text: #f0ecf7; --farm-text-muted: #9c95ab;
}
body[data-halloween="active"].mn-body {
    --mn-space: #06050a; --mn-charcoal: #0e0b14; --mn-stone: #171321; --mn-basalt: #1c1727; --mn-gold: var(--hw-primary); --mn-silver: var(--hw-accent); --mn-white: #ffffff; --mn-muted: #9f98ae; --flr-bg: #06050a; --flr-surface: #171321; --flr-gold: var(--hw-primary);
}
body[data-halloween="active"].ph-body {
    --ph-obsidian: #0c0910; --ph-obsidian-deep: #060408; --ph-obsidian-soft: #140f1c; --ph-stone: #1d1627; --ph-stone-surface: #241b31; --ph-gold: var(--hw-primary); --ph-gold-bright: var(--hw-accent); --ph-stone-border: rgba(255, 117, 24, 0.25);
}
body[data-halloween="active"].bn-body {
    --bn-steel-50: #0f0c16; --bn-steel-100: #171321; --bn-steel-200: #231c30; --bn-steel-300: #352a46; --bn-steel-400: #9389a6; --bn-steel-800: #eee9f7; --bn-steel-900: #ffffff; --bn-gold: var(--hw-primary); --bn-gold-bright: var(--hw-accent);
}
body[data-halloween="active"].at-body {
    --at-cream: #14101b; --at-ivory: #1b1525; --at-beige: #241c30; --at-stone: #2e243c; --at-ink: #f0ecf7; --at-charcoal: #ded9eb; --at-pistachio: var(--hw-primary, #FF7518); --at-olive: var(--hw-secondary, #2B1704);
}
body[data-halloween="active"].as-body {
    --arsit-black: #08060c; --arsit-surface: #120e1a; --arsit-surface-2: #1b1626; --arsit-gold: var(--hw-primary); --arsit-gold-light: var(--hw-accent); --arsit-cream: #f0ecf7; --arsit-white: #ffffff; --as-gold: var(--hw-primary);
}
body[data-halloween="active"].np-body {
    --np-ivory: #0f0d14; --np-cream: #171320; --np-paper: #1b1625; --np-white: #221c2e; --np-green: var(--hw-primary); --np-leaf: var(--hw-accent); --np-gold: var(--hw-primary); --np-text: #f0ecf7; --bw-gold: var(--hw-primary);
}
body[data-halloween="active"].bw-body {
    --bw-cream: #13101a; --bw-ivory: #191424; --bw-sand: #241c30; --bw-clay: var(--hw-primary); --bw-terracotta: var(--hw-secondary); --bw-gold: var(--hw-primary); --bw-mustard: var(--hw-primary); --bw-text: #f3eff9;
}
body[data-halloween="active"].pc-body {
    --pc-ivory: #110e17; --pc-cream: #181322; --pc-concrete: #271f34; --pc-green: var(--hw-primary); --pc-green-deep: var(--hw-secondary); --pc-spice: var(--hw-accent); --pc-text: #f2eef8; --bw-gold: var(--hw-primary);
}
body[data-halloween="active"].rc-body {
    --rc-ink: #08060c; --rc-steel: #120e1a; --rc-chrome: #1c1626; --rc-blue: var(--hw-primary); --rc-sky: var(--hw-accent); --rc-white: #f5f2fa; --mn-gold: var(--hw-primary);
}
body[data-halloween="active"].bw-body {
    --bw-ivory: #0d0a13; --bw-cream: #161122; --bw-beige: #231a33; --bw-forest: #08060d; --bw-olive: var(--hw-primary, #FF7518); --bw-olive-dark: #1f1307; --bw-gold: var(--hw-accent, #FFA726); --bw-gold-deep: #e65100; --bw-gold-bright: #ffb74d; --bw-sage: rgba(255, 117, 24, 0.4); --bw-sage-soft: #9b8ea9; --bw-ink: #f4effa; --bw-text: #f4effa; --bw-mid: #a69cb3; --uc-glow: var(--hw-glow, rgba(255, 117, 24, 0.35));
}
body[data-halloween="active"].el-body {
    --el-paper: #13101a; --el-white: #1b1625; --el-black: #f5f2fa; --el-ink: #eeeaf7; --el-mute: #9e97ab; --el-line: rgba(255, 117, 24, 0.18); --el-line-inv: rgba(255, 117, 24, 0.35);
}
body[data-halloween="active"].hc-body {
    --host-bg: #0e0c13; --host-bg-warm: #16121f; --host-text: #ece8f5; --host-text-muted: #9c96ab; --host-border: rgba(255, 117, 24, 0.2); --host-sand: #241c30; --host-sage: var(--hw-primary); --np-gold: var(--hw-primary);
}
body[data-halloween="active"].theme1-body {
    --background-color: #0c0911; --bg-light: #15101f; --bg-gray: #1a1426; --primary: var(--hw-primary); --text-dark: #f5f1fb; --text-muted: #9d96ab; --text-color: var(--hw-accent);
}
body[data-halloween="active"].wg-body {
    --wg-white: #0e0c13; --wg-off: #16121f; --wg-black: #f3effa; --wg-charcoal: #ded9eb; --wg-dark: #c8c2db; --wg-mid: #9991aa; --wg-light: #2c243a; --wg-orange: var(--hw-primary); --wg-orange-deep: var(--hw-secondary); --wg-yellow: var(--hw-accent); --wg-gold: var(--hw-primary);
}

/* Universal Halloween Dark Mode Foundation */
html:has(body[data-halloween="active"]),
body[data-halloween="active"] {
    background-color: #0b0910 !important;
    background-image: radial-gradient(ellipse at 50% -10%, rgba(255, 117, 24, 0.14) 0%, transparent 65%), radial-gradient(ellipse at 100% 100%, rgba(138, 43, 226, 0.09) 0%, transparent 55%), linear-gradient(180deg, #0b0910 0%, #120e19 100%) !important;
    background-attachment: fixed !important;
    color: #ede9f6 !important;
    color-scheme: dark !important;
}

body[data-halloween="active"]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none !important;
    background: radial-gradient(circle at 50% 50%, transparent 58%, rgba(0, 0, 0, 0.55) 100%);
    z-index: 1;
}

body[data-halloween="active"] main,
body[data-halloween="active"] section,
body[data-halloween="active"] .main,
body[data-halloween="active"] [class*="__main"],
body[data-halloween="active"] [class*="-main"],
body[data-halloween="active"] .content,
body[data-halloween="active"] [class*="__content"],
body[data-halloween="active"] [class*="-content"],
body[data-halloween="active"] [class*="__container"],
body[data-halloween="active"] [class*="-container"],
body[data-halloween="active"] [class*="__wrapper"],
body[data-halloween="active"] [class*="-wrapper"] {
    background-color: transparent !important;
    color: #ede9f6 !important;
}

body[data-halloween="active"] header,
body[data-halloween="active"] footer,
body[data-halloween="active"] nav,
body[data-halloween="active"] [class*="header"]:not(.gn-masthead__photo):not([class*="btn"]):not(h1):not(h2):not(h3),
body[data-halloween="active"] [class*="footer"],
body[data-halloween="active"] [class*="navbar"],
body[data-halloween="active"] [class*="dock"],
body[data-halloween="active"] [class*="bottom-nav"] {
    background-color: #120e1a !important;
    border-color: rgba(255, 117, 24, 0.2) !important;
    color: #ede9f6 !important;
}

body[data-halloween="active"] .card,
body[data-halloween="active"] .item,
body[data-halloween="active"] .menu-item,
body[data-halloween="active"] .product-card,
body[data-halloween="active"] .modal-content,
body[data-halloween="active"] .offcanvas,
body[data-halloween="active"] [class*="__card"],
body[data-halloween="active"] [class*="-card"],
body[data-halloween="active"] [class*="__item"]:not(.hw-decor-item):not(.nav-item),
body[data-halloween="active"] [class*="-item"]:not(.hw-decor-item):not([class*="nav-item"]),
body[data-halloween="active"] [class*="__tile"],
body[data-halloween="active"] [class*="-tile"],
body[data-halloween="active"] [class*="__box"],
body[data-halloween="active"] [class*="-box"] {
    background-color: #161220 !important;
    border-color: rgba(255, 117, 24, 0.18) !important;
    color: #ede9f6 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.42), 0 0 1px rgba(255, 117, 24, 0.25) !important;
}

body[data-halloween="active"] h1,
body[data-halloween="active"] h2,
body[data-halloween="active"] h3,
body[data-halloween="active"] h4,
body[data-halloween="active"] h5,
body[data-halloween="active"] h6,
body[data-halloween="active"] [class*="title"] {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

body[data-halloween="active"] p,
body[data-halloween="active"] .text-muted,
body[data-halloween="active"] [class*="muted"],
body[data-halloween="active"] [class*="desc"],
body[data-halloween="active"] [class*="subtitle"] {
    color: #a49cb2 !important;
}

body[data-halloween="active"] .price,
body[data-halloween="active"] [class*="price"] {
    color: var(--hw-accent, #FFA726) !important;
    text-shadow: 0 0 12px rgba(255, 167, 38, 0.4) !important;
    font-weight: 700 !important;
}

body[data-halloween="active"] .nav-pills .nav-link,
body[data-halloween="active"] [class*="category"],
body[data-halloween="active"] [class*="chip"],
body[data-halloween="active"] [class*="tab"]:not([class*="btn"]):not(table):not(thead):not(tbody):not(tr):not(td):not(th) {
    background: #1e182a !important;
    color: #c7c1d7 !important;
    border-color: rgba(255, 117, 24, 0.18) !important;
}

body[data-halloween="active"] .nav-pills .nav-link.active,
body[data-halloween="active"] [class*="category"].active,
body[data-halloween="active"] [class*="chip"].active,
body[data-halloween="active"] [class*="tab"].active {
    background: linear-gradient(135deg, var(--hw-primary, #FF7518), #e65100) !important;
    color: #ffffff !important;
    border-color: var(--hw-primary) !important;
    box-shadow: 0 4px 14px var(--hw-glow) !important;
}

body[data-halloween="active"] input:not([type="checkbox"]):not([type="radio"]),
body[data-halloween="active"] select,
body[data-halloween="active"] textarea {
    background-color: #1a1526 !important;
    border: 1px solid rgba(255, 117, 24, 0.3) !important;
    color: #ffffff !important;
}
body[data-halloween="active"] input::placeholder,
body[data-halloween="active"] textarea::placeholder {
    color: #8c839d !important;
}

body[data-halloween="active"] .dropdown-menu {
    background-color: #161220 !important;
    border: 1px solid rgba(255, 117, 24, 0.25) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
}
body[data-halloween="active"] .dropdown-item {
    color: #ede9f6 !important;
}
body[data-halloween="active"] .dropdown-item:hover {
    background-color: rgba(255, 117, 24, 0.15) !important;
    color: #ffffff !important;
}

body[data-halloween="active"] .gn-btn,
body[data-halloween="active"] .vg-stroke-btn--gold,
body[data-halloween="active"] .mc-btn--primary,
body[data-halloween="active"] .mn-btn,
body[data-halloween="active"] .farm-btn--primary,
body[data-halloween="active"] .ph-btn--primary,
body[data-halloween="active"] .bn-btn,
body[data-halloween="active"] .at-btn,
body[data-halloween="active"] .as-btn,
body[data-halloween="active"] .np-btn,
body[data-halloween="active"] .bw-btn,
body[data-halloween="active"] .rc-btn,
body[data-halloween="active"] .el-btn,
body[data-halloween="active"] .wg-btn,
body[data-halloween="active"] .t1-btn,
body[data-halloween="active"] .btn-primary {
    background: var(--hw-primary) !important;
    border-color: var(--hw-accent) !important;
    color: var(--hw-text) !important;
    box-shadow: 0 4px 16px var(--hw-glow) !important;
    border-radius: var(--hw-btn-radius) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

body[data-halloween="active"] .gn-btn:hover,
body[data-halloween="active"] .vg-stroke-btn--gold:hover,
body[data-halloween="active"] .mc-btn--primary:hover,
body[data-halloween="active"] .farm-btn--primary:hover,
body[data-halloween="active"] .ph-btn--primary:hover,
body[data-halloween="active"] .mn-btn:hover {
    filter: brightness(1.1) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px var(--hw-glow) !important;
}

.hw-decorations-root {
    position: fixed;
    inset: 0;
    z-index: 80;
    pointer-events: none !important;
    overflow: hidden;
    contain: layout style paint;
}

.hw-decor-item {
    position: absolute;
    pointer-events: none !important;
    user-select: none;
    max-width: 100%;
    height: auto;
    display: block;
    transform-origin: center center;
}
.hw-decor-item img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 8px 24px rgba(255, 117, 24, 0.45)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.6));
}

@keyframes hw-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}
@keyframes hw-drift {
    0% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(14px, -8px, 0); }
    100% { transform: translate3d(0, 0, 0); }
}
@keyframes hw-pulse {
    0%, 100% { transform: scale(1); opacity: 0.88; }
    50% { transform: scale(1.08); opacity: 1; }
}
@keyframes hw-swing {
    0%, 100% { transform: rotate(-6deg); }
    50% { transform: rotate(6deg); }
}

.hw-anim-float { animation: hw-float 4s ease-in-out infinite; }
.hw-anim-drift { animation: hw-drift 6s ease-in-out infinite; }
.hw-anim-pulse { animation: hw-pulse 3s ease-in-out infinite; }
.hw-anim-swing { animation: hw-swing 3.5s ease-in-out infinite; }

@media (max-width: 768px) {
    .hw-decor--desktop-only { display: none !important; }
}
@media (min-width: 769px) {
    .hw-decor--mobile-only { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    .hw-decor-item { animation: none !important; transition: none !important; }
}

#decor_grinder_top_right {
    width: 86px;
    top: 125px;
    right: 16px;
    transform: rotate(-6deg);
    animation-duration: 4s !important;
}

#decor_bat_cup_top_left {
    width: 82px;
    top: 200px;
    left: 16px;
    transform: rotate(8deg);
    animation-duration: 6s !important;
}

#decor_pumpkin_bottom_left {
    width: 84px;
    bottom: 130px;
    left: 16px;
    transform: rotate(-5deg);
    animation-duration: 3.5s !important;
}

#decor_skeleton_bottom_right {
    width: 88px;
    bottom: 110px;
    right: 16px;
    transform: rotate(5deg);
    animation-duration: 4.5s !important;
}

#decor_witch_cup_mid_right {
    width: 80px;
    top: 45%;
    right: 22px;
    transform: rotate(-8deg);
    animation-duration: 5s !important;
}

#decor_zombie_bean_mid_left {
    width: 78px;
    top: 505%;
    left: 0px;
    transform: rotate(10deg);
    animation-duration: 4s !important;
}

/* Theme-specific styles: farmhouse */
/* ==========================================================================
   ArnaMenu Halloween Theme Layer: Farmhouse Theme
   Selector Scope: body[data-halloween="active"].farm-body
   ========================================================================== */

body[data-halloween="active"].farm-body {
    --farm-cream: #14111a;
    --farm-cream-light: #1b1624;
    --farm-cream-dark: #241d2f;
    --farm-parchment: #181422;
    --farm-forest: #2a1608;
    --farm-forest-dark: #1a0d05;
    --farm-forest-surface: rgba(255, 117, 24, 0.1);
    --farm-sage: var(--hw-accent, #FFA726);
    --farm-primary: var(--hw-primary, #FF7518);
    --farm-accent: var(--hw-accent, #FFA726);
    --farm-text: #f0ecf7;
    --farm-text-muted: #9c95ab;
    --farm-glow: var(--hw-glow, rgba(255, 117, 24, 0.35));

    background-color: var(--farm-cream) !important;
    background-image: radial-gradient(ellipse at 50% 0%, rgba(255, 117, 24, 0.14) 0%, transparent 60%),
                      linear-gradient(180deg, #14111a 0%, #1e1526 100%) !important;
    color: var(--farm-text) !important;
}

/* Barn / Pumpkin Patch Hero */
body[data-halloween="active"].farm-body .farm-hero__banner-img {
    border: 2px solid var(--farm-primary) !important;
    box-shadow: 0 0 28px var(--farm-glow) !important;
    border-radius: var(--hw-btn-radius, 14px) !important;
}

/* Rustic Cards */
body[data-halloween="active"].farm-body .farm-card {
    background: #1c1527 !important;
    border: 1px solid rgba(255, 117, 24, 0.22) !important;
    border-radius: var(--hw-btn-radius, 14px) !important;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.5) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body[data-halloween="active"].farm-body .farm-card:hover {
    border-color: var(--farm-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 30px var(--farm-glow) !important;
}

body[data-halloween="active"].farm-body .farm-card__title {
    color: #ffffff !important;
}

body[data-halloween="active"].farm-body .farm-price {
    color: var(--farm-accent) !important;
    text-shadow: 0 0 10px rgba(255, 167, 38, 0.4) !important;
    font-weight: 700 !important;
}

/* Farmhouse Buttons */
body[data-halloween="active"].farm-body .farm-btn--primary,
body[data-halloween="active"].farm-body .farm-btn {
    background: linear-gradient(135deg, var(--farm-primary), #bf360c) !important;
    border-color: var(--farm-accent) !important;
    color: #ffffff !important;
    border-radius: var(--hw-btn-radius, 12px) !important;
    box-shadow: 0 4px 16px var(--farm-glow) !important;
}


.farm-bulletin{
    display: none;
}

.farm-hero__plate {
    background-color: #272a2f85;
}

.farm-hero__plate-bg-wreath, 
.farm-hero__banner-img,
.farm-hero__meters
{
    display: none;
}

.farm-hero{
    background-image: url(/holloween/banner1.jpg)
}

.farm-section-head{
    border-radius: 15px;
    padding-inline: 10px;
}

.farm-kicker.farm-kicker--forest
{
    color: var(--farm-terracotta) !important;
}


.farm-pillar-card *{
    display: none;
}

.farm-pillar-card:nth-child(1) {
    background-image: url('/holloween/element2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 200px;
}

.farm-pillar-card:nth-child(2) {
    background-image: url('/holloween/element3.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 200px;
}

.farm-pillar-card:nth-child(3) {
    background-image: url('/holloween/element4.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 200px;
}

.farm-pillar-card:nth-child(4) {
    background-image: url('/holloween/element5.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 200px;
}

.farm-cat-card__copy{
    border-radius: 15px;
    padding: 5px;
    color: var(--farm-terracotta) !important;
   
}

.farm-env img{
    display: none;
}

.farm-nav-bottom__hub img{
    display: none;
}

.farm-nav-bottom__hub{
    background-image: url(/holloween/element8.png);
    background-size: cover;
}

.farm-menu-banner-wrap{
    display: none;
}

.farm-filter-chips{
    display: none;
}

.farm-menu-hero{
    background-image: url(/holloween/banner3.jpg);
    background-size: cover;
}

.farm-nav-bottom__link.is-active i,
.farm-nav-bottom__link.is-active,
.farm-masthead__name,
.farm-cat-card__copy strong,
.flr-qty__btn,
.flr-qty__value{
    color: var(--farm-terracotta) !important;
}

.farm-modal__dialog{
    background: black;
}

.farm-section__titles{
    padding: 10px;
    border-radius: 15px;
}
