/* Bad25 chrome only. Native forum layout, menus and account controls stay independent. */
.emjey-forum-standalone .emjey-bad25-header {
    position: relative;
    overflow: hidden;
    border: 0;
    background: #fff;
    line-height: 1.4;
}
.emjey-bad25-art {
    position: relative;
    height: 270px;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(90deg, #fff 0%, #fff 75%, #b5b5b5 100%);
}
.emjey-bad25-art::after {
    content: '';
    position: absolute;
    z-index: 3;
    inset: auto 0 0;
    height: 19px;
    background: linear-gradient(#efefef 0%, #c6c6c6 45%, #b1b1b1 100%);
    clip-path: polygon(0 48%, 56% 48%, 58% 0, 97% 0, 100% 100%, 0 100%);
    pointer-events: none;
}
.emjey-bad25-portrait {
    position: absolute;
    left: -300px;
    top: -260px;
    width: auto;
    height: 1300px;
    max-width: none;
    object-fit: contain;
    mask-image: none;
    clip-path: polygon(0 0, 76% 0, 76% 31%, 92% 38%, 92% 100%, 0 100%);
}
.emjey-bad25-figure {
    position: absolute;
    right: clamp(18px, 4vw, 120px);
    bottom: 13px;
    width: auto;
    height: 246px;
    max-width: none;
    object-fit: contain;
    opacity: .37;
    mix-blend-mode: multiply;
    mask-image: linear-gradient(0deg, transparent, #000 12%, #000 100%);
}
.emjey-bad25-mark {
    position: absolute;
    z-index: 2;
    left: 15px;
    bottom: 46px;
    width: 89px;
    height: 89px;
    object-fit: contain;
}
.emjey-bad25-lettering {
    position: absolute;
    z-index: 2;
    top: 23px;
    left: 61%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 285px;
    gap: 9px;
    color: #161418;
    text-align: center;
}
.emjey-bad25-lettering > img,
.emjey-bad25-home img {
    display: block;
    max-width: 100%;
    height: auto;
}
.emjey-bad25-quote { width: 230px; margin-bottom: 13px; }
.emjey-bad25-hashtag { width: 235px; }
.emjey-bad25-home { display: block; width: 234px; border-radius: 2px; }
.emjey-bad25-home img { width: 100%; }
.emjey-bad25-home:focus-visible { outline: 2px solid #a51b22; outline-offset: 5px; }
.emjey-bad25-forum-label { font-size: 12px; line-height: 1.6; color: #4c4547; }

/* Hide only the native credit block following the component; preserve core and RSS. */
.emjey-forum-standalone .emjey-forum-main > #kunena + div:has(> a[href="https://www.kunena.org"]) {
    display: none !important;
}

/* The copyright reference is rebuilt with CSS, an SVG mark and selectable text. */
.emjey-forum-standalone .emjey-bad25-footer {
    padding: 0;
    background: linear-gradient(90deg, #d9d9d9, #c4c4c4 50%, #aaa);
    color: #151515;
    border-top: 1px solid #e6e6e6;
}
.emjey-forum-standalone .emjey-bad25-footer nav {
    gap: 0;
    margin: 0;
    padding: 2px 0 0;
    border: 0;
    background: transparent;
    font: inherit;
}
.emjey-forum-standalone .emjey-bad25-footer nav a {
    position: relative;
    padding: 0 12px;
    color: #51484b;
    font: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
.emjey-bad25-footer nav a + a::before {
    content: '·';
    position: absolute;
    inset-inline-start: -2px;
    color: #a51b22;
}
.emjey-bad25-footer nav a:hover { color: #8d1820; }
.emjey-bad25-copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    min-height: 82px;
    padding: 8px 16px;
}
.emjey-bad25-emblem { flex: 0 0 24px; width: 24px; height: 36px; object-fit: contain; }
.emjey-bad25-copyright__text { min-width: 0; text-align: center; font-size: 12px; line-height: 1.55; }
html[dir="ltr"] .emjey-bad25-copyright__text { font-family: "Comic Sans MS", "Comic Sans", cursive; }
.emjey-forum-standalone .emjey-bad25-footer p { margin: 0; }
.emjey-bad25-accent, .emjey-bad25-copyright__brand span { color: #a51b22; }
.emjey-bad25-copyright__brand { color: #161616; text-decoration: none; white-space: nowrap; }
.emjey-bad25-footer a:focus-visible { outline: 2px solid #8d1820; outline-offset: 3px; }
.emjey-bad25-footer a:hover { text-decoration: underline; }

@media (min-width: 1900px) {
    .emjey-bad25-portrait { left: calc((100% - 1900px) / 2 - 300px); }
    .emjey-bad25-mark { left: calc((100% - 1900px) / 2 + 15px); }
    .emjey-bad25-figure { right: max(120px, calc((100% - 1660px) / 2)); }
    .emjey-bad25-lettering { left: 57%; }
}
@media (min-width: 769px) and (max-width: 1100px) {
    .emjey-bad25-art { height: 245px; }
    .emjey-bad25-portrait {
        --portrait-height: clamp(1000px, 130vw, 1300px);
        top: calc(var(--portrait-height) * -.2);
        height: var(--portrait-height);
    }
    .emjey-bad25-lettering { left: 63%; top: 17px; width: 230px; gap: 7px; }
    .emjey-bad25-quote { width: 199px; margin-bottom: 9px; }
    .emjey-bad25-hashtag { width: 204px; }
    .emjey-bad25-home { width: 200px; }
    .emjey-bad25-figure { height: 205px; right: -17px; opacity: .27; }
    .emjey-bad25-mark { width: 72px; height: 72px; bottom: 35px; }
}
@media (max-width: 768px) {
    .emjey-bad25-art { height: 200px; background: linear-gradient(90deg, #fff 65%, #ddd); }
    .emjey-bad25-portrait {
        --portrait-left: clamp(-100px, calc((100vw - 320px) / 5 - 100px), -40px);
        --portrait-edge: calc(53vw - 9px - var(--portrait-left));
        left: var(--portrait-left);
        top: 0;
        height: 460px;
        clip-path: polygon(0 0, min(76%, var(--portrait-edge)) 0, min(76%, var(--portrait-edge)) 31%, min(92%, var(--portrait-edge)) 38%, min(92%, var(--portrait-edge)) 100%, 0 100%);
    }
    .emjey-bad25-figure, .emjey-bad25-lettering > .emjey-bad25-quote { display: none; }
    .emjey-bad25-lettering { left: auto; right: 9px; top: 72px; transform: none; width: 47%; gap: 8px; }
    .emjey-bad25-hashtag { width: 175px; }
    .emjey-bad25-home { width: 168px; }
    .emjey-bad25-forum-label { font-size: 10px; }
    .emjey-bad25-mark { width: 49px; height: 49px; left: 7px; bottom: 20px; }
    .emjey-bad25-art::after { height: 12px; }
    .emjey-forum-standalone .emjey-bad25-footer { padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px)); }
    .emjey-forum-standalone .emjey-bad25-footer nav a { padding-inline: 10px; }
    .emjey-bad25-copyright { gap: 8px; padding: 10px 12px; }
    .emjey-bad25-copyright__text { font-size: 11px; }
}
@media print {
    .emjey-bad25-header, .emjey-bad25-footer { display: none !important; }
}
