/* ==========================================================================
   ArnaMenu Halloween Theme Layer: Just For U (ucafe) Theme
   Selector Scope: body[data-halloween="active"].bw-body
   ========================================================================== */

body[data-halloween="active"].bw-body {
    --bw-ivory: #0d0a14;
    --bw-cream: #151020;
    --bw-beige: #221a32;
    --bw-forest: #08050c;
    --bw-olive: var(--hw-primary, #FF7518);
    --bw-olive-dark: #1b1008;
    --bw-gold: var(--hw-accent, #FFA726);
    --bw-gold-deep: #e65100;
    --bw-gold-bright: #ffb74d;
    --bw-gold-muted: rgba(255, 167, 38, 0.65);
    --bw-gold-neon: var(--hw-primary, #FF7518);
    --bw-gold-glow: 0 8px 28px var(--hw-glow, rgba(255, 117, 24, 0.35));
    --bw-gold-glow-strong: 0 14px 36px var(--hw-glow, rgba(255, 117, 24, 0.45));
    --bw-border-gold: rgba(255, 117, 24, 0.35);
    --bw-ink: #f5effc;
    --bw-black: #08050c;
    --bw-charcoal: #191224;
    --bw-dark: var(--hw-primary, #FF7518);
    --bw-mid: #a69bb8;
    --bw-light: #322649;
    --bw-mist: #1c152b;
    --bw-off: #130f1e;
    --bw-white: #ffffff;
    --bw-paper: #0d0a14;
    --bw-sage: rgba(255, 117, 24, 0.4);
    --bw-sage-soft: #b4a8c7;
    --bw-text: #f5effc;
    --uc-glow: var(--hw-glow, rgba(255, 117, 24, 0.35));

    --background-color: #0d0a14;
    --bg-light: #151020;
    --bg-gray: #1f1730;
    --text-dark: #f5effc;
    --text-muted: #a69bb8;
    --primary: var(--hw-primary, #FF7518);
    --primary-dark: #c44000;
    --secondary: var(--hw-accent, #FFA726);

    --flr-bg: #0d0a14;
    --flr-surface: #171124;
    --flr-border: rgba(255, 117, 24, 0.22);
    --flr-border-strong: var(--hw-primary, #FF7518);
    --flr-text: #f5effc;
    --flr-text-muted: #a69bb8;
    --flr-champagne: #1f1730;
    --flr-gold: var(--hw-accent, #FFA726);
    --flr-glass-bg: rgba(19, 15, 30, 0.82);

    background-color: #0d0a14 !important;
    background-image: radial-gradient(ellipse at 50% 0%, rgba(255, 117, 24, 0.12) 0%, transparent 60%), radial-gradient(ellipse at 100% 100%, rgba(138, 43, 226, 0.08) 0%, transparent 50%), linear-gradient(180deg, #0d0a14 0%, #161022 100%) !important;
    background-attachment: fixed !important;
    color: var(--bw-text) !important;
}

/* Watermark & Loader */
body[data-halloween="active"].bw-body .bw-u-watermark {
    opacity: 0.12 !important;
    filter: drop-shadow(0 0 30px rgba(255, 117, 24, 0.5)) !important;
}

body[data-halloween="active"].bw-body .bw-loader {
    background: #0d0a14 !important;
    color: #ffffff !important;
}

/* Masthead (Header) */
body[data-halloween="active"].bw-body .bw-masthead {
    background: rgba(14, 10, 22, 0.88) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid rgba(255, 117, 24, 0.2) !important;
}

body[data-halloween="active"].bw-body .bw-masthead__brand .bw-masthead__title {
    color: #ffffff !important;
}

body[data-halloween="active"].bw-body .bw-masthead__tag {
    color: var(--hw-accent, #FFA726) !important;
}

body[data-halloween="active"].bw-body .bw-masthead__links a {
    color: #cfc6dd !important;
}

body[data-halloween="active"].bw-body .bw-masthead__links a:hover {
    color: var(--hw-primary, #FF7518) !important;
}

body[data-halloween="active"].bw-body .bw-masthead__tel {
    color: var(--hw-accent, #FFA726) !important;
    border: 1px solid rgba(255, 117, 24, 0.3) !important;
    background: rgba(255, 117, 24, 0.1) !important;
    border-radius: var(--hw-btn-radius, 8px) !important;
}

body[data-halloween="active"].bw-body .bw-masthead__rule {
    background: linear-gradient(90deg, transparent, var(--hw-primary, #FF7518), transparent) !important;
    opacity: 0.7 !important;
}

/* Hero Cover (Homepage) */
body[data-halloween="active"].bw-body .bw-cover {
    background-color: #0d0a14 !important;
}

body[data-halloween="active"].bw-body .bw-cover__media {
    background: #0d0a14 !important;
}

body[data-halloween="active"].bw-body .bw-cover__media img {
    display: block !important;
    opacity: 0.84 !important;
    filter: contrast(1.1) brightness(0.92) saturate(1.15) !important;
}

body[data-halloween="active"].bw-body .bw-cover__veil {
    background: radial-gradient(circle at center, rgba(13, 10, 20, 0.45) 0%, rgba(8, 5, 12, 0.9) 100%), linear-gradient(180deg, rgba(13, 10, 20, 0.3) 0%, rgba(8, 5, 12, 0.95) 100%) !important;
    opacity: 0.9 !important;
}

body[data-halloween="active"].bw-body .bw-cover__branch {
    filter: drop-shadow(0 0 14px rgba(255, 117, 24, 0.45)) hue-rotate(20deg) brightness(0.95) !important;
    opacity: 0.7 !important;
}

body[data-halloween="active"].bw-body .bw-arch__outer,
body[data-halloween="active"].bw-body .bw-u-mark__outer {
    stroke: var(--hw-primary, #FF7518) !important;
    filter: drop-shadow(0 0 10px rgba(255, 117, 24, 0.6)) !important;
}

body[data-halloween="active"].bw-body .bw-arch__inner,
body[data-halloween="active"].bw-body .bw-u-mark__inner {
    stroke: var(--hw-accent, #FFA726) !important;
    opacity: 0.65 !important;
}

body[data-halloween="active"].bw-body .bw-cover__glow {
    background: radial-gradient(ellipse at 50% 60%, rgba(255, 117, 24, 0.35) 0%, rgba(142, 36, 170, 0.2) 45%, transparent 75%) !important;
    opacity: 0.9 !important;
}

body[data-halloween="active"].bw-body .bw-cover__wordmark {
    color: #ffffff !important;
    text-shadow: 0 0 24px rgba(255, 117, 24, 0.45), 0 2px 12px rgba(0, 0, 0, 0.8) !important;
}

body[data-halloween="active"].bw-body .bw-cover__u {
    color: var(--hw-primary, #FF7518) !important;
    text-shadow: 0 0 28px var(--hw-primary, #FF7518) !important;
}

body[data-halloween="active"].bw-body .bw-cover__menu {
    color: var(--hw-accent, #FFA726) !important;
    letter-spacing: 0.35em !important;
    text-shadow: 0 0 14px rgba(255, 167, 38, 0.5) !important;
}

body[data-halloween="active"].bw-body .bw-cover__sub {
    color: #dcd4ea !important;
}

/* Buttons */
body[data-halloween="active"].bw-body .bw-btn,
body[data-halloween="active"].bw-body .bw-btn--fill {
    background: linear-gradient(135deg, var(--hw-primary, #FF7518) 0%, #d84315 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 167, 38, 0.6) !important;
    box-shadow: 0 4px 20px var(--uc-glow) !important;
    border-radius: var(--hw-btn-radius, 12px) !important;
}

body[data-halloween="active"].bw-body .bw-btn--line {
    background: rgba(22, 17, 33, 0.72) !important;
    border: 1px solid rgba(255, 117, 24, 0.45) !important;
    color: #f1ecf9 !important;
    backdrop-filter: blur(8px) !important;
    border-radius: var(--hw-btn-radius, 12px) !important;
}

body[data-halloween="active"].bw-body .bw-btn--line:hover {
    background: rgba(255, 117, 24, 0.22) !important;
    border-color: var(--hw-accent, #FFA726) !important;
    color: #ffffff !important;
}

/* Chapter list (Homepage) */
body[data-halloween="active"].bw-body .bw-chapter-list__link {
    background: rgba(21, 16, 31, 0.75) !important;
    border: 1px solid rgba(255, 117, 24, 0.18) !important;
    color: #eee9f7 !important;
    border-radius: var(--hw-btn-radius, 12px) !important;
    backdrop-filter: blur(8px) !important;
}

body[data-halloween="active"].bw-body .bw-chapter-list__link:hover {
    background: rgba(33, 25, 48, 0.92) !important;
    border-color: var(--hw-primary, #FF7518) !important;
    box-shadow: 0 8px 24px rgba(255, 117, 24, 0.25) !important;
    transform: translateY(-2px);
}

body[data-halloween="active"].bw-body .bw-chapter-list__num {
    color: var(--hw-accent, #FFA726) !important;
}

body[data-halloween="active"].bw-body .bw-chapter-list__title {
    color: #ffffff !important;
}

body[data-halloween="active"].bw-body .bw-chapter-list__count {
    background: rgba(255, 117, 24, 0.15) !important;
    color: var(--hw-accent, #FFA726) !important;
    /* border: 1px solid rgba(255, 117, 24, 0.35) !important; */
}

/* Menu Head (Top part of Menu Page) Halloween Banner */
body[data-halloween="active"].bw-body .bw-menu-head {
    position: relative !important;
    overflow: hidden !important;
    background-color: #0d0a14 !important;
    background-image: linear-gradient(180deg, rgba(13, 10, 20, 0.72) 0%, rgba(13, 10, 20, 0.94) 100%), var(--hw-banner, none) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-bottom: 1px solid rgba(255, 117, 24, 0.25) !important;
    padding: 2.75rem 0 2.25rem !important;
}

body[data-halloween="active"].bw-body .bw-menu-head__media {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    margin: 0 !important;
    display: block !important;
}

body[data-halloween="active"].bw-body .bw-menu-head__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 0.65 !important;
    filter: contrast(1.1) brightness(0.88) saturate(1.15) !important;
    transform: scale(1.03) !important;
}

body[data-halloween="active"].bw-body .bw-menu-head__veil {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    pointer-events: none !important;
    background: radial-gradient(circle at center, rgba(13, 10, 20, 0.45) 0%, rgba(8, 5, 12, 0.88) 100%),
                linear-gradient(180deg, rgba(13, 10, 20, 0.35) 0%, rgba(8, 5, 12, 0.96) 100%) !important;
}

body[data-halloween="active"].bw-body .bw-menu-head__inner {
    position: relative !important;
    z-index: 2 !important;
}

body[data-halloween="active"].bw-body .bw-menu-head h1 {
    color: #ffffff !important;
    text-shadow: 0 0 24px rgba(255, 117, 24, 0.5), 0 2px 10px rgba(0, 0, 0, 0.9) !important;
}

body[data-halloween="active"].bw-body .bw-menu-head p {
    color: #e5ddf2 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8) !important;
}

body[data-halloween="active"].bw-body .bw-kicker {
    color: var(--hw-accent, #FFA726) !important;
    letter-spacing: 0.32em !important;
    text-shadow: 0 0 14px rgba(255, 167, 38, 0.6) !important;
}

body[data-halloween="active"].bw-body .bw-search input {
    background: rgba(22, 16, 33, 0.88) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 117, 24, 0.35) !important;
    color: #ffffff !important;
    border-radius: var(--hw-btn-radius, 12px) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.5) !important;
}

body[data-halloween="active"].bw-body .bw-search input:focus {
    border-color: var(--hw-primary, #FF7518) !important;
    box-shadow: 0 0 18px rgba(255, 117, 24, 0.45) !important;
}

body[data-halloween="active"].bw-body .bw-search input::placeholder {
    color: #9d92b3 !important;
}

/* Headings & Botanical Divider */
body[data-halloween="active"].bw-body .bw-section-head h2,
body[data-halloween="active"].bw-body .bw-chapter__head h2 {
    color: #ffffff !important;
}

body[data-halloween="active"].bw-body .bw-section-head__label {
    color: var(--hw-accent, #FFA726) !important;
}

body[data-halloween="active"].bw-body .bw-botanical-divider path,
body[data-halloween="active"].bw-body .bw-botanical-divider circle {
    stroke: var(--hw-primary, #FF7518) !important;
    fill: var(--hw-primary, #FF7518) !important;
    opacity: 0.75 !important;
}

/* Category Navigation (TOC) */
body[data-halloween="active"].bw-body .bw-toc--mobile-bar {
    background: rgba(14, 10, 22, 0.94) !important;
    border-bottom: 1px solid rgba(255, 117, 24, 0.22) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}

body[data-halloween="active"].bw-body .bw-toc--desktop-sidebar {
    background: rgba(16, 12, 25, 0.8) !important;
    border-left: 1px solid rgba(255, 117, 24, 0.18) !important;
}

body[data-halloween="active"].bw-body .bw-toc__item {
    color: #cfc6dd !important;
    border-radius: var(--hw-btn-radius, 8px) !important;
}

body[data-halloween="active"].bw-body .bw-toc__item.is-active,
body[data-halloween="active"].bw-body .bw-toc__item:hover {
    color: var(--hw-primary, #FF7518) !important;
    background: rgba(255, 117, 24, 0.14) !important;
}

body[data-halloween="active"].bw-body .bw-toc__item.is-active .bw-toc__num {
    background: var(--hw-primary, #FF7518) !important;
    color: #ffffff !important;
}

body[data-halloween="active"].bw-body .bw-toc__item .bw-toc__num {
    background: rgba(255, 117, 24, 0.16) !important;
    color: var(--hw-accent, #FFA726) !important;
}

/* Bands, Catalog & Spreads */
body[data-halloween="active"].bw-body .bw-band--light {
    background: transparent !important;
}

body[data-halloween="active"].bw-body .bw-band--dark {
    background: rgba(11, 8, 17, 0.75) !important;
}

body[data-halloween="active"].bw-body .bw-featured {
    background: radial-gradient(ellipse at 50% 0%, rgba(255, 117, 24, 0.15) 0%, transparent 70%), rgba(14, 10, 22, 0.85) !important;
    border-top: 1px solid rgba(255, 117, 24, 0.2) !important;
    border-bottom: 1px solid rgba(255, 117, 24, 0.2) !important;
}

body[data-halloween="active"].bw-body .bw-spread {
    background: rgba(21, 16, 31, 0.78) !important;
    border: 1px solid rgba(255, 117, 24, 0.18) !important;
    border-radius: var(--hw-btn-radius, 14px) !important;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(10px) !important;
}

body[data-halloween="active"].bw-body .bw-spread:hover {
    border-color: rgba(255, 117, 24, 0.45) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 18px var(--uc-glow) !important;
}

body[data-halloween="active"].bw-body .bw-spread--picked {
    background: linear-gradient(135deg, rgba(35, 23, 49, 0.9) 0%, rgba(20, 14, 29, 0.95) 100%) !important;
    border: 1px solid var(--hw-primary, #FF7518) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5), 0 0 20px var(--uc-glow) !important;
}

body[data-halloween="active"].bw-body .bw-spread__visual img {
    border-radius: var(--hw-btn-radius, 10px) !important;
}

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

body[data-halloween="active"].bw-body .bw-spread__desc {
    color: #aba0bf !important;
}

body[data-halloween="active"].bw-body .bw-spread__price-current,
body[data-halloween="active"].bw-body .bw-spread__price {
    color: var(--hw-accent, #FFA726) !important;
    font-weight: 700 !important;
}

body[data-halloween="active"].bw-body .bw-spread__price-prev {
    color: #7b718d !important;
}

body[data-halloween="active"].bw-body .bw-spread__index,
body[data-halloween="active"].bw-body .bw-chapter__num {
    color: var(--hw-accent, #FFA726) !important;
    opacity: 0.75 !important;
}

body[data-halloween="active"].bw-body .bw-picked__chip {
    background: rgba(255, 117, 24, 0.2) !important;
    color: var(--hw-accent, #FFA726) !important;
    border: 1px solid rgba(255, 117, 24, 0.4) !important;
}

body[data-halloween="active"].bw-body .bw-spread__blocked {
    background: rgba(183, 28, 28, 0.25) !important;
    color: #ff8a80 !important;
    border: 1px solid rgba(255, 82, 82, 0.4) !important;
    border-radius: var(--hw-btn-radius, 8px) !important;
}

/* Quantity Controls */
body[data-halloween="active"].bw-body .flr-qty,
body[data-halloween="active"].bw-body .bw-qty {
    background: rgba(28, 20, 41, 0.85) !important;
    border: 1px solid rgba(255, 117, 24, 0.35) !important;
    border-radius: 999px !important;
}

body[data-halloween="active"].bw-body .flr-qty__btn,
body[data-halloween="active"].bw-body .bw-qty__btn {
    background: var(--hw-primary, #FF7518) !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(255, 117, 24, 0.4) !important;
}

body[data-halloween="active"].bw-body .flr-qty__value,
body[data-halloween="active"].bw-body .bw-qty__val {
    color: #ffffff !important;
}

/* Floating Bottom Navigation (Issue Nav) */
body[data-halloween="active"].bw-body .bw-issue-nav {
    background: rgba(17, 13, 25, 0.92) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 117, 24, 0.3) !important;
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.75), 0 0 20px var(--uc-glow) !important;
}

body[data-halloween="active"].bw-body .bw-issue-nav__link {
    color: #cfc6dd !important;
}

body[data-halloween="active"].bw-body .bw-issue-nav__link.is-active,
body[data-halloween="active"].bw-body .bw-issue-nav__link:hover {
    color: var(--hw-primary, #FF7518) !important;
}

body[data-halloween="active"].bw-body .bw-issue-nav__emblem {
    background: radial-gradient(circle, rgba(255, 117, 24, 0.3) 0%, rgba(26, 17, 39, 0.95) 100%) !important;
    border: 1px solid var(--hw-primary, #FF7518) !important;
    box-shadow: 0 0 16px var(--uc-glow) !important;
}

/* Footer (Colophon) */
body[data-halloween="active"].bw-body .bw-colophon {
    background: #08050c !important;
    border-top: 1px solid rgba(255, 117, 24, 0.18) !important;
    color: #9f94b2 !important;
}

body[data-halloween="active"].bw-body .bw-colophon a {
    color: var(--hw-accent, #FFA726) !important;
}

/* Memory Wall & Modals */
body[data-halloween="active"].bw-body .bw-moment {
    background: rgba(22, 17, 33, 0.8) !important;
    border: 1px solid rgba(255, 117, 24, 0.2) !important;
}

body[data-halloween="active"].bw-body .flr-drawer,
body[data-halloween="active"].bw-body .bw-order-drawer {
    background: #140f21 !important;
    border-top: 1px solid var(--hw-primary, #FF7518) !important;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.8) !important;
    color: #f3eff9 !important;
}