@charset "utf-8";
/* eMJey-Forum accessibility polish: focus rings, 44px targets, readable meta.
   Loaded last, after forum-standalone.css. Scope rules to the chrome and controls
   listed here; avatars, post actions, quotes, attachments, guest login and the
   footer own their focus styles elsewhere. */

body.emjey-forum-standalone {
    --emjey-a11y-ring: #ffd371;       /* gold ring on dark chrome (13:1 on #121313) */
    --emjey-a11y-ring-paper: #93612e; /* dark gold ring on paper (5:1 on #faf8f5) */
    --emjey-a11y-halo: #121313;
    --emjey-a11y-meta: #5c5c5c;       /* 6.3:1 on #faf8f5 */
}

/* ---------- Focus: dark chrome (drawer, banner strip, mobile action bar) ----------
   The dark halo separates the gold ring from gold buttons and metal menu items. */
body.emjey-forum-standalone .emjey-drawer :is(a, button, input, select, textarea):focus-visible,
body.emjey-forum-standalone .emjey-mobile-actions :is(a, button):focus-visible,
body.emjey-forum-standalone :is(.emjey-menu-toggle, .emjey-drawer-close):focus-visible {
    outline: 2px solid var(--emjey-a11y-ring);
    outline-offset: 2px;
    box-shadow: 0 0 0 2px var(--emjey-a11y-halo);
}
body.emjey-forum-standalone .emjey-drawer-body .emjey-forum-sitemenu > li:focus-within { z-index: 1; }
body.emjey-forum-standalone .emjey-banner-modules li > a:focus-visible {
    outline: 2px solid var(--emjey-a11y-ring);
    outline-offset: -3px;
}

/* ---------- Focus: paper surfaces (breadcrumb/jump bar, description toggle) ---------- */
body.emjey-forum-standalone #kunena .emjey-forum-context a:focus-visible,
body.emjey-forum-standalone #kunena form#jumpto :is(select, .form-select):focus-visible,
body.emjey-forum-standalone #kunena form#jumpto :is(select, .form-select):focus,
body.emjey-forum-standalone .emjey-desc-toggle:focus-visible {
    outline: 2px solid var(--emjey-a11y-ring-paper);
    outline-offset: 2px;
    box-shadow: none;
}
body.emjey-forum-standalone #kunena form#jumpto :is(select, .form-select):focus {
    border-color: var(--emjey-a11y-ring-paper);
}
body.emjey-forum-standalone .emjey-desc-toggle:focus:not(:focus-visible) { outline: none; }

/* ---------- 44px targets ---------- */
.emjey-forum-sitemenu a,
.emjey-banner-modules a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}
body.emjey-forum-standalone .emjey-banner-modules li > a { min-height: 44px; }
body.emjey-forum-standalone #kunena .emjey-forum-context #jumpto select { min-height: 44px; }

/* ---------- Readable mobile meta (dates, "by", last-post lines) ---------- */
@media (max-width: 768px) {
    body.emjey-forum-standalone .emjey-forum-main #kunena .table tbody :is(.lastpostby, .lastpostlink, .datepost, .ktopic-date, .ktopic-by) {
        font-size: .8125rem !important;
        color: var(--emjey-a11y-meta) !important;
    }
    body.emjey-forum-standalone .emjey-forum-main #kunena #kcat-last :is(.lastpostby, .datepost) {
        color: var(--emjey-a11y-meta) !important;
    }
    body.emjey-forum-standalone .emjey-forum-main #kunena #klastpostphone {
        font-size: .8125rem !important;
        color: var(--emjey-a11y-meta) !important;
    }
    body.emjey-forum-standalone .emjey-forum-main #kunena #klastpostphone a { font-size: inherit !important; }
    body.emjey-forum-standalone .emjey-desc-toggle {
        min-height: 24px;
        padding-block: .25rem;
        font-size: .75rem;
        color: var(--emjey-a11y-ring-paper);
    }
    body.emjey-forum-standalone .emjey-desc-toggle:hover { color: #6e4820; }
}

/* Long URLs in posts and signatures wrap instead of running off narrow screens. */
body.emjey-forum-standalone #kunena .kmsg a,
body.emjey-forum-standalone #kunena .ksignature a { overflow-wrap: anywhere; }