/**
 * eMJey forum — quotes and signatures (forum item 14).
 *
 * Shapes covered:
 *   1. Aurelia BBCode quote (html/com_kunena/layouts/bbcode/quote override):
 *      blockquote.emjey-quote > .emjey-quote__author + .emjey-quote__body
 *   2. Aurelia quote rendered before the override (inline blue border-left)
 *   3. Legacy NBBC: .bbcode_quote > .bbcode_quote_head + .bbcode_quote_body
 *   4. Stored HTML: blockquote.Quote / blockquote.UserQuote / bare blockquote
 * Signatures: .ksig > hr + span.ksignature
 *
 * Phone (<=768px) collapse stays in forum-kunena.css + index.php
 * (.emjey-collapse-*). Desktop collapse uses separate .emjey-qs-* classes
 * because the phone script strips .emjey-collapse-* on every desktop load.
 */

/* ---------- Quote surface: one bronze inline-start edge, LTR and RTL ---------- */
.emjey-forum-main #kunena blockquote,
.emjey-forum-main #kunena .bbcode_quote {
    margin-block: .75rem;
    margin-inline: 0;
    padding-block: .65rem;
    padding-inline: .9rem;
    border: 0;
    border-inline-start: 4px solid var(--kf-accent, #c9a227);
    border-radius: var(--kf-radius-sm, 9px);
    background: var(--kf-surface-2, #f8fafc);
    color: inherit;
    font-style: normal;
    font-size: .95em;
    line-height: 1.7;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere;
}

/* Nested quote: same edge, lighter surface so depth stays readable */
.emjey-forum-main #kunena blockquote blockquote,
.emjey-forum-main #kunena blockquote .bbcode_quote,
.emjey-forum-main #kunena .bbcode_quote blockquote,
.emjey-forum-main #kunena .bbcode_quote .bbcode_quote {
    margin-block: .5rem;
    background: var(--kf-surface, #fff);
    font-size: 1em;
}

/* Aurelia markup cached before the override: neutralise inline styles */
.emjey-forum-main #kunena blockquote[style*="1f85bd"] {
    margin-block: .75rem !important;
    margin-inline: 0 !important;
    border: 0 !important;
    border-inline-start: 4px solid var(--kf-accent, #c9a227) !important;
    background: var(--kf-surface-2, #f8fafc) !important;
}
.emjey-forum-main #kunena blockquote blockquote[style*="1f85bd"] {
    background: var(--kf-surface, #fff) !important;
}
.emjey-forum-main #kunena blockquote[style*="1f85bd"] > p.kmsgtext-quote:empty {
    display: none;
}

/* ---------- Author label ---------- */
.emjey-forum-main #kunena .emjey-quote__author,
.emjey-forum-main #kunena .bbcode_quote_head,
.emjey-forum-main #kunena blockquote[style*="1f85bd"] > div[style]:first-of-type {
    display: block;
    margin: 0 0 .4rem !important;
    padding: 0 !important;
    background: none !important;
    font-size: .8125rem !important;
    font-weight: 600;
    line-height: 1.5;
    color: var(--kf-muted, #64748b);
}
.emjey-forum-main #kunena .emjey-quote__author a,
.emjey-forum-main #kunena .bbcode_quote_head a,
.emjey-forum-main #kunena blockquote[style*="1f85bd"] > div[style]:first-of-type a {
    color: #7a5c00;
    text-decoration: none;
}
.emjey-forum-main #kunena .emjey-quote__author a:hover,
.emjey-forum-main #kunena .emjey-quote__author a:focus-visible,
.emjey-forum-main #kunena .bbcode_quote_head a:hover,
.emjey-forum-main #kunena blockquote[style*="1f85bd"] > div[style]:first-of-type a:hover {
    text-decoration: underline;
}
.emjey-forum-main #kunena .emjey-quote__author .fa-arrow-circle-up,
.emjey-forum-main #kunena blockquote[style*="1f85bd"] > div[style]:first-of-type .fa-arrow-circle-up {
    margin-inline-start: .15rem;
    font-size: .85em;
    opacity: .75;
}

/* ---------- Quote body ---------- */
.emjey-forum-main #kunena .emjey-quote__body,
.emjey-forum-main #kunena .bbcode_quote_body,
.emjey-forum-main #kunena p.kmsgtext-quote {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
}
.emjey-forum-main #kunena .emjey-quote__body > :first-child,
.emjey-forum-main #kunena .bbcode_quote_body > :first-child {
    margin-block-start: 0;
}
.emjey-forum-main #kunena .emjey-quote__body > :last-child,
.emjey-forum-main #kunena .bbcode_quote_body > :last-child {
    margin-block-end: 0;
}
.emjey-forum-main #kunena blockquote img,
.emjey-forum-main #kunena .bbcode_quote img {
    max-width: 100%;
    height: auto;
}

/* ---------- Signatures: visually secondary ---------- */
.emjey-forum-main #kunena .ksig img,
.emjey-forum-main #kunena .ksignature img {
    max-width: 100%;
    height: auto;
}

/* Broken signature images: hidden quietly, never replaced */
.emjey-forum-main #kunena .ksig .emjey-sig-img-broken,
.emjey-forum-main #kunena .ksig .emjey-sig-link-empty {
    display: none !important;
}

/* ---------- Desktop only (exact complement of the phone breakpoint) ---------- */
@media not all and (max-width: 768px) {
    .emjey-forum-main #kunena .ksig {
        margin-block-start: 1.25rem;
        margin-inline: 0;
        color: var(--kf-muted, #64748b);
        font-size: .8125rem;
        line-height: 1.55;
    }
    .emjey-forum-main #kunena .ksig > hr {
        width: 4rem;
        margin-block: 0 .6rem;
        margin-inline: 0;
        border: 0;
        border-block-start: 1px solid var(--kf-border-strong, #cbd5e1);
        opacity: 1;
    }
    .emjey-forum-main #kunena .ksignature {
        display: block;
        margin-block-start: 0;
    }
    .emjey-forum-main #kunena .ksig a {
        color: inherit;
        text-decoration: underline;
        text-decoration-color: var(--kf-border-strong, #cbd5e1);
    }

    /* Collapsed state set by js/forum-quotes.js */
    .emjey-forum-main #kunena .emjey-qs-target.emjey-qs-collapsed {
        max-height: 12rem;
        overflow: hidden;
        -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 3rem), transparent);
        mask-image: linear-gradient(to bottom, #000 calc(100% - 3rem), transparent);
    }
    .emjey-forum-main #kunena .emjey-qs-target.emjey-qs-sig.emjey-qs-collapsed {
        max-height: 4rem;
        -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 1.5rem), transparent);
        mask-image: linear-gradient(to bottom, #000 calc(100% - 1.5rem), transparent);
    }
    .emjey-forum-main #kunena .emjey-qs-toggle {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        margin-block: .4rem .1rem;
        padding: .2rem .7rem;
        min-height: 2rem;
        border: 1px solid rgba(122, 92, 0, .35);
        border-radius: 999px;
        background: var(--kf-surface, #fff);
        color: #6b5000;
        font: inherit;
        font-size: .8125rem;
        font-weight: 600;
        line-height: 1.4;
        cursor: pointer;
    }
    .emjey-forum-main #kunena .emjey-qs-toggle:hover {
        background: var(--kf-accent-soft, rgba(201, 162, 39, .14));
    }
    .emjey-forum-main #kunena .emjey-qs-toggle:focus-visible {
        outline: 2px solid #8a6a00;
        outline-offset: 2px;
    }
    .emjey-forum-main #kunena .emjey-qs-toggle--sig {
        min-height: 1.75rem;
        padding: .1rem .6rem;
        font-size: .75rem;
        font-weight: 500;
        color: var(--kf-muted, #64748b);
        border-color: var(--kf-border-strong, #cbd5e1);
    }
    .emjey-forum-main #kunena .emjey-qs-toggle::after {
        content: "";
        width: .4em;
        height: .4em;
        border-bottom: 2px solid currentColor;
        border-right: 2px solid currentColor;
        transform: translateY(-.1em) rotate(45deg);
    }
    .emjey-forum-main #kunena .emjey-qs-toggle[aria-expanded="true"]::after {
        transform: translateY(.1em) rotate(-135deg);
    }
}

@media print {
    .emjey-forum-main #kunena .emjey-qs-target.emjey-qs-collapsed {
        max-height: none;
        overflow: visible;
        -webkit-mask-image: none;
        mask-image: none;
    }
    .emjey-forum-main #kunena .emjey-qs-toggle {
        display: none;
    }
}