/* The Kunena component keeps its own template and controls. Only its frame is
 * aligned with the shared English/Persian site chrome. */
.emjey-forum-unified {
    --emjey-bg-page: #111213;
    --emjey-bg-shell: #111213;
    --emjey-bg-content: #f5f4f0;
    --emjey-gold: #d6a453;
    --emjey-gold-dark: #bd8c44;
    --emjey-gold-border: rgba(214,164,83,.5);
    --emjey-shell-max: 72rem;
}
.emjey-forum-unified .emjey-shell { box-shadow: none; }
.emjey-forum-unified .emjey-banner { line-height: 1.5; text-align: start; background: #000; }
.emjey-forum-unified .emjey-forum-identity {
    display: flex;
    min-block-size: 60px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .5rem 1.5rem;
    color: #e5e0d8;
}
.emjey-forum-unified .emjey-forum-identity__brand {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    color: #f7f5f0;
    font: 400 1.55rem Georgia, serif;
    text-decoration: none;
}
.emjey-forum-unified .emjey-forum-identity__brand img { inline-size: 32px; block-size: 32px; object-fit: contain; }
.emjey-forum-unified .emjey-forum-identity__brand small { color: #c2beb6; font-size: .6em; }
.emjey-forum-unified .emjey-forum-identity__section { color: #d6a453; font-size: .82rem; letter-spacing: .06em; }
.emjey-forum-unified .emjey-forum-masthead {
    display: flex;
    min-block-size: 150px;
    align-items: end;
    padding: 1.25rem 2rem;
    background: linear-gradient(90deg,#000b,transparent), #000 url('/images/MJJ%20Live%20Generations.jpg') right 24% / auto 250px no-repeat;
}
html[dir="rtl"] .emjey-forum-unified .emjey-forum-masthead {
    background-image: linear-gradient(270deg,#000b,transparent), url('/images/MJJ%20Live%20Generations.jpg');
    background-position: 0 0, left 24%;
}
.emjey-forum-unified .emjey-forum-masthead p { margin: 0; max-inline-size: 65%; color: #e4e0d7; font-size: 1rem; }
.emjey-forum-unified .emjey-banner-modules {
    padding: 0 .8rem;
    border-block-end: 3px solid #ff9500;
    background: linear-gradient(110deg,#acacaa,#eee 43%,#b9b9b7);
    color: #1a1a19;
}
.emjey-forum-unified .emjey-banner-modules ul { gap: 0; }
.emjey-forum-unified .emjey-banner-modules a {
    display: flex;
    min-block-size: 48px;
    align-items: center;
    padding: .6rem .9rem;
    border-inline-end: 1px solid #0002;
    color: #20201e;
    font-size: .9rem;
    font-weight: 600;
    white-space: normal;
    transition: background .2s ease, color .2s ease;
}
.emjey-forum-unified .emjey-banner-modules :is(a:hover,a:focus-visible),
.emjey-forum-unified .emjey-banner-modules :is(.active,.current) > a {
    background: #151515;
    color: #fff;
    text-decoration: none;
}
.emjey-forum-unified .emjey-main { padding: clamp(.9rem,2vw,1.5rem); }
.emjey-forum-unified .emjey-mobile-home-footer {
    position: relative;
    padding: 2rem 1.5rem max(1.5rem,env(safe-area-inset-bottom));
    background: #111213;
    color: #d3d0c9;
    border-block-start: 3px solid #ff9500;
}
.emjey-forum-unified .emjey-mobile-home-footer__identity { display: flex; align-items: center; gap: .75rem; }
.emjey-forum-unified .emjey-mobile-home-footer__identity img { inline-size: 36px; block-size: 36px; }
.emjey-forum-unified .emjey-mobile-home-footer__identity p { margin: .2rem 0 0; color: #aaa79f; font-size: .8rem; }
.emjey-forum-unified .emjey-mobile-home-footer nav { display: flex; flex-wrap: wrap; gap: .25rem 1.4rem; margin-block: 1rem; }
.emjey-forum-unified .emjey-mobile-home-footer nav a { display: inline-flex; min-block-size: 44px; align-items: center; color: #e3ded5; font-size: .85rem; }
.emjey-forum-unified .emjey-mobile-home-footer__copyright { margin: 0; color: #aaa79f; font-size: .75rem; }

@media (max-width: 768px) {
    .emjey-forum-unified .emjey-banner { width: 100% !important; margin-inline: 0 !important; }
    .emjey-forum-unified .emjey-forum-identity { min-block-size: 54px; padding-inline: 4rem 1rem; }
    .emjey-forum-unified .emjey-forum-identity__section { display: none; }
    .emjey-forum-unified .emjey-forum-masthead { min-block-size: 95px; padding: 1rem; background-size: auto, auto 180px; }
    .emjey-forum-unified .emjey-forum-masthead p { font-size: .85rem; }
    .emjey-forum-unified .emjey-menu-toggle { top: .35rem; background: transparent; border-color: #ffffff35; color: #e5e0d8; }
    .emjey-forum-unified .emjey-drawer { background: radial-gradient(ellipse at 50% 0,#303131,transparent 65%),#121313; }
    .emjey-forum-unified .emjey-drawer-header { border-block-end: 1px solid #ffffff21; }
    .emjey-forum-unified .emjey-drawer-body ul.emjey-forum-sitemenu { display: block; padding-block: .5rem; }
    .emjey-forum-unified .emjey-drawer-body ul.emjey-forum-sitemenu > li { margin-block-end: 1px; }
    .emjey-forum-unified .emjey-drawer-body ul.emjey-forum-sitemenu > li > a {
        position: relative;
        display: flex;
        min-block-size: 52px;
        justify-content: center;
        padding: .7rem 2.25rem;
        border-radius: 0;
        background: linear-gradient(to right,#333 0%,#ccc 50%,#676767 94%,#000 100%);
        color: #252525;
        text-align: center;
        font-weight: 600;
        transition: filter .4s ease;
    }
    html[dir="rtl"] .emjey-forum-unified .emjey-drawer-body ul.emjey-forum-sitemenu > li > a {
        background-image: linear-gradient(to left,#333 0%,#ccc 50%,#676767 94%,#000 100%);
    }
    .emjey-forum-unified .emjey-drawer-body ul.emjey-forum-sitemenu > li > a::after {
        content: '';
        position: absolute;
        inset: 0;
        background: url('../../yootheme_emjeyhome/images/menu-metal-grain.svg') center / 100% 80px repeat-y;
        opacity: .3;
        pointer-events: none;
    }
    .emjey-forum-unified .emjey-drawer-body ul.emjey-forum-sitemenu > li > a::before {
        content: '';
        position: absolute;
        inset-inline-start: 8%;
        top: 50%;
        inline-size: 7px;
        block-size: 7px;
        transform: translateY(-50%);
        background: #111;
        z-index: 1;
    }
    .emjey-forum-unified .emjey-drawer-body ul.emjey-forum-sitemenu > :is(.active,.current) > a::before { background: #fff; }
    .emjey-forum-unified .emjey-drawer-body ul.emjey-forum-sitemenu > li > :is(a:hover,a:focus-visible) { filter: brightness(1.2); color: #111; }
    .emjey-forum-unified .emjey-main { padding-inline: .85rem; }
}

@media print {
    .emjey-forum-unified .emjey-mobile-home-footer { display: none; }
}