/**
 * EasyDiscuss Custom CSS
 * Loaded by ED's stylesheet manager when layout_customcss=1.
 * Path: templates/ja_purity_iv/html/com_easydiscuss/css/custom.css
 *
 * Scope all rules inside #ed { } to match ED's own specificity baseline.
 */

/* ============================================================
   Markdown report widget (.ed-md-report)
   Template override: post/widgets/attachments/default.php
   ============================================================ */



#ed .ed-md-report {
}

#ed .ed-md-report__body {
    /* Prose typography for Parsedown-rendered markdown */
}

#ed .ed-md-report__footer {
    /* Download link shown below the inline markdown */
}

/* ============================================================
   Dark mode — activated by site's body.lp-dark toggle
   Mirrors ED's .si-theme--dark token set without using
   layout_darkmode (which is a static site-wide setting).
   Only the neutral/structural tokens differ between themes;
   primary/success/danger/warning are identical in both.
   ============================================================ */

body.lp-dark #ed {
    --si-body: black;
    --si-basic--100: #1d1d1d;
    --si-basic--200: #292929;
    --si-basic--300: #323232;
    --si-basic--400: #494949;
    --si-basic--500: #888888;
    --si-basic--600: #d9d9de;
    --si-basic--700: #f0f0f1;
    --si-basic--800: #f9f9fa;
    --si-basic--900: #ffffff;
    --si-toolbar-bg: transparent;
    --si-toolbar-text: #888888;
    --si-overlay: rgba(0, 0, 0, 0.125);
}

/* ============================================================
   Component column — remove Bootstrap mt-4 top margin
   ============================================================ */

body.com_easydiscuss .t4-col.component {
    margin-top: 0 !important;
}

/* ============================================================
   Category cards — explicit background (light & dark)
   o-card__body is the painted surface; the outer card wrapper is transparent
   ============================================================ */

#ed .o-card--ed-category {
    overflow: hidden;
}

#ed .o-card--ed-category .o-card__body {
    background-color: #ffffff;
}

body.lp-dark #ed .o-card--ed-category .o-card__body {
    background-color: #2a2a2a;
}

/* ============================================================
   Category card avatars — enlarge from ED default 2em
   ============================================================ */

#ed .o-avatar--md {
    width: 6em;
    height: 6em;
}

/* ============================================================
   Menu active-item marker — override FA5 font-family reference
   ============================================================ */

#ed .has-active-markers .active::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

/* ============================================================
   Global font size — bump root scale on all ED pages
   Everything (headings, body, meta, ui) scales proportionally
   ============================================================ */

#ed {
    --si-root-font-size: 18px;
}

/* ============================================================
   Active-category hero card — dark scheme (matches breadcrumbs/footer)
   ============================================================ */

#ed .o-card--ed-active-category {
    border-radius: 0.5rem 0.5rem 0 0;
}

#ed .o-card--ed-active-category .o-card__body {
    border-radius: 0.5rem 0.5rem 0 0;
    background-color: #333333;
    background-image: url('/images/bg-noise.webp');
    background-repeat: repeat;
    color: #cccccc;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

#ed .o-card--ed-active-category .o-card__footer {
    background-color: #222222;
    background-image: url('/images/bg-noise.webp');
    background-repeat: repeat;
    color: #777777;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

/* Links and text inside the dark hero */
#ed .o-card--ed-active-category a,
#ed .o-card--ed-active-category .t-text--600,
#ed .o-card--ed-active-category .t-text--700 {
    color: #cccccc;
}

#ed .o-card--ed-active-category a:hover {
    color: #ffffff;
}

/* Footer nav links — lighter than hero body links */
#ed .o-card--ed-active-category .o-card__footer a,
#ed .o-card--ed-active-category .o-card__footer .t-text--600 {
    color: #858585 !important;
}

#ed .o-card--ed-active-category .o-card__footer a:hover {
    color: #cccccc !important;
}

/* "New Post" button — burgundy, white text/icon */
#ed .o-card--ed-active-category .o-btn--primary {
    background-color: #611b44;
    border-color: #611b44;
    color: #ffffff;
}

#ed .o-card--ed-active-category .o-btn--primary i {
    color: #ffffff;
}

/* ============================================================
   Active-category hero — logo glow, title, description
   ============================================================ */

/* White glow on the client logo — overflow:visible lets drop-shadow bleed outside avatar */
#ed .o-card--ed-active-category .o-avatar {
    overflow: visible;
}

#ed .o-card--ed-active-category .o-avatar img {
    border-radius: 50%;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.55));
}

/* Domain name — large, white */
#ed .o-card--ed-active-category h2.o-title a {
    color: #ffffff !important;
    font-size: var(--si-font-size--07);
    font-weight: 700;
}

/* Short description — larger, light-grey */
#ed .o-card--ed-active-category .o-body {
    color: #bbbbbb !important;
    font-size: var(--si-font-size--04);
}

/* ============================================================
   Post filters — increase top spacing below hero card
   ============================================================ */

#ed .ed-filters {
    margin-top: 1rem !important;
}

/* ============================================================
   Attachment delete button icon — override FA5 font-family reference
   ============================================================ */

#ed .ed-attachment-item__btn-del i {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

/* ============================================================
   Post item cards — background (light & dark)
   overflow:hidden clips the header bleed to the card border-radius
   ============================================================ */

#ed .o-card--ed-post-item {
    background-color: #ffffff !important;
}

body.lp-dark #ed .o-card--ed-post-item {
    background-color: #2a2a2a !important;
}

/* Strip o-card__body padding so children control their own widths */
#ed .o-card--ed-post-item .o-card__body {
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
}

#ed .o-card--ed-post-item .o-card__body > .l-stack {
    width: 100%;
    box-sizing: border-box;
}

/* All l-stack children get horizontal padding */
#ed .o-card--ed-post-item .o-card__body > .l-stack > * {
    padding-left: var(--si-spacing);
    padding-right: var(--si-spacing);
}

/* Last child gets bottom padding */
#ed .o-card--ed-post-item .o-card__body > .l-stack > *:last-child {
    padding-bottom: var(--si-spacing);
}

/* Post card header row — full-width darker band with texture */
#ed .o-card--ed-post-item .o-card__body > .l-stack > div:first-child {
    background-color: #eeeeee;
    background-image: url('/images/bg-noise.webp');
    background-repeat: repeat;
    padding: var(--si-spacing);
    border-top-left-radius: calc(var(--si-ui-radius)*2);
    border-top-right-radius: calc(var(--si-ui-radius)*2);
}

body.lp-dark #ed .o-card--ed-post-item .o-card__body > .l-stack > div:first-child {
    background-color: #1e1e1e;
}

/* Post title link — larger; badge (.o-label) and status icons unaffected */
#ed .o-card--ed-post-item h2.o-title a.si-link {
    font-size: var(--si-font-size--06);
    font-weight: 600;
}

/* ============================================================
   Post card header row — status icon group left margin
   ============================================================ */

#ed .o-card--ed-post-item .ed-post-status-bar {
    margin-left: 12px;
}

/* Post card header row — tighter vertical padding */
#ed .o-card--ed-post-item .o-card__body > .l-stack > div:first-child {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* ============================================================
   Post card meta footer — same bg as header row
   Cancel the l-stack > * padding so no overflow occurs,
   then re-add it as the element's own padding.
   ============================================================ */

/* Single high-specificity rule — owns all padding, prevents l-stack > * conflict */
#ed .o-card--ed-post-item .o-card__body > .l-stack > .o-card-body-infor {
    background-color: #eeeeee;
    background-image: url('/images/bg-noise.webp');
    background-repeat: repeat;
    padding: 0.6rem var(--si-spacing);
    margin-top: 0 !important;
}

body.lp-dark #ed .o-card--ed-post-item .o-card__body > .l-stack > .o-card-body-infor {
    background-color: #1e1e1e;
}

/* Label group — ensure right-side margin respected */
#ed .o-card--ed-post-item .o-label-group {
    margin-right: 0.5rem;
}

/* ============================================================
   Post type label colors in title row
   data-id matches ED's type alias
   ============================================================ */

#ed .o-label.issue {
    background-color: var(--si-warning) !important;
    color: #000000 !important;
}

/* ============================================================
   Title row: vertically align pills (label, type) with text
   ============================================================ */

#ed .o-card--ed-post-item h2.o-title .o-label {
    vertical-align: middle;
    font-size: var(--si-font-size--01);
    line-height: 1.4;
    position: relative;
    top: -1px;
}

/* ============================================================
   Footer meta: match reply count icon size to other meta icons
   ============================================================ */

#ed .o-card--ed-post-item .o-card-body-infor .t-font-size--01 {
    font-size: inherit;
}

/* Post title: gap between pills and title text */
#ed .o-card--ed-post-item h2.o-title a.si-link {
    margin-left: 20px;
}

/* Post type pill: white icon and text */
#ed .o-card--ed-post-item h2.o-title [data-ed-type-item],
#ed .o-card--ed-post-item h2.o-title [data-ed-type-item] i {
    color: #ffffff !important;
}

/* Issue type exception: stays black on yellow */
#ed .o-card--ed-post-item h2.o-title .issue,
#ed .o-card--ed-post-item h2.o-title .issue i {
    color: #000000 !important;
}

/* Read More button icon: inherit white from parent link */
#ed .o-card--ed-post-item .ed-content-preview a i {
    color: inherit;
}

/* ============================================================
   Attachment list — replaces ED's 8x8rem tile system
   ============================================================ */

#ed .o-card--ed-post-item .ed-other-attachments-list {
    margin: var(--si-spacing);
    border: 1px solid rgba(128, 128, 128, 0.25);
    border-radius: 0.4rem;
    background-color: #f0f0f0;
    overflow: hidden;
}

body.lp-dark #ed .o-card--ed-post-item .ed-other-attachments-list {
    background-color: #252525;
    border-color: rgba(255, 255, 255, 0.1);
}

/* Each row */
#ed .o-card--ed-post-item .ed-attach-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    min-width: 0;
}

#ed .o-card--ed-post-item .ed-attach-row + .ed-attach-row {
    border-top: 1px solid rgba(128, 128, 128, 0.15);
}

/* Paperclip icon */
#ed .o-card--ed-post-item .ed-attach-row__icon {
    flex-shrink: 0;
    opacity: 0.6;
    font-size: 0.85em;
}

/* Link fills remaining space */
#ed .o-card--ed-post-item .ed-attach-row__link {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1;
}

/* Full filename — no truncation */
#ed .o-card--ed-post-item .ed-attach-row__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
}

/* Image thumbnail in image rows */
#ed .o-card--ed-post-item .ed-attach-row__thumb {
    flex-shrink: 0;
    width: 48px;
    height: 36px;
    object-fit: cover;
    border-radius: 3px;
    display: block;
}

/* Read More button: bottom breathing room */
#ed .o-card--ed-post-item .ed-content-preview a[href] {
    margin-bottom: 20px;
    display: inline-block;
}


/* Active-category outer card: strip core o-card chrome */
#ed .o-card--ed-active-category {
    background-color: transparent;
    border: none;
    border-radius: 0;
}

#ed .o-label.task {
    background-color: var(--si-success) !important;
    color: #ffffff !important;
}

/* ============================================================
   Post detail page — entry item card
   ============================================================ */

#ed .o-card--ed-entry-item {
    background-color: transparent !important;
    border: none !important;
}

body.lp-dark #ed .o-card--ed-entry-item {
    background-color: transparent !important;
    border-color: transparent !important;
}

/* Entry item: each body section gets the card bg */
#ed .o-card--ed-entry-item .o-card__body {
    background-color: #ffffff;
    border: none !important;
}

body.lp-dark #ed .o-card--ed-entry-item .o-card__body {
    background-color: #2a2a2a;
}

/* Entry item: top info blocks (status/title + meta) — dark band matching post list */
#ed .o-card--ed-entry-item .o-card__body:first-child,
#ed .o-card--ed-entry-item .o-card__body:nth-child(2) {
    background-color: #eeeeee;
    background-image: url('/images/bg-noise.webp');
    background-repeat: repeat;
}

body.lp-dark #ed .o-card--ed-entry-item .o-card__body:first-child,
body.lp-dark #ed .o-card--ed-entry-item .o-card__body:nth-child(2) {
    background-color: #1e1e1e;
}

/* Entry item: meta row (category, author, date) — tighter vertical padding */
#ed .o-card--ed-entry-item .o-card__body:nth-child(2) {
    padding-top: 0 !important;
    padding-bottom: 0.4rem !important;
}

/* ── MD attachment accordion ──────────────────────────────────────────────── */
#ed .ed-md-accordion {
    border: 1px solid rgba(128, 128, 128, 0.2);
    border-radius: 0.4rem;
    overflow: hidden;
    margin-bottom: var(--si-spacing);
    background-color: #ffffff;
}

body.lp-dark #ed .ed-md-accordion {
    background-color: #2a2a2a;
    border-color: rgba(255, 255, 255, 0.1);
}

#ed .ed-md-accordion summary.ed-md-accordion__summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem var(--si-spacing);
    background-color: #eeeeee;
    background-image: url('/images/bg-noise.webp');
    background-repeat: repeat;
    cursor: pointer;
    font-weight: 600;
    font-size: var(--si-font-size--02);
    user-select: none;
}

body.lp-dark #ed .ed-md-accordion summary.ed-md-accordion__summary {
    background-color: #1e1e1e;
}

/* Chevron indicator */
#ed .ed-md-accordion summary.ed-md-accordion__summary::after {
    content: '▾';
    font-size: 1.2em;
    flex-shrink: 0;
    transition: transform 0.2s ease;
    margin-left: 0.5em;
}

#ed .ed-md-accordion:not([open]) summary.ed-md-accordion__summary::after {
    transform: rotate(-90deg);
}

/* Suppress browser's built-in disclosure triangle */
#ed .ed-md-accordion summary::-webkit-details-marker { display: none; }
#ed .ed-md-accordion summary::marker { display: none; }

/* Body */
#ed .ed-md-accordion__body {
    padding: var(--si-spacing);
}

/* Markdown typography */
#ed .ed-md-accordion__body h1,
#ed .ed-md-accordion__body h2,
#ed .ed-md-accordion__body h3,
#ed .ed-md-accordion__body h4 {
    margin-top: 1.2em;
    margin-bottom: 0.4em;
    font-weight: 700;
}

#ed .ed-md-accordion__body p {
    margin-bottom: 0.75em;
    line-height: 1.65;
}

#ed .ed-md-accordion__body ul,
#ed .ed-md-accordion__body ol {
    padding-left: 1.5em;
    margin-bottom: 0.75em;
}

#ed .ed-md-accordion__body code {
    font-family: monospace;
    background: rgba(0, 0, 0, 0.07);
    padding: 0.1em 0.3em;
    border-radius: 3px;
}

body.lp-dark #ed .ed-md-accordion__body code {
    background: rgba(255, 255, 255, 0.12);
}

#ed .ed-md-accordion__body pre {
    background: rgba(0, 0, 0, 0.06);
    padding: 0.8em;
    border-radius: 4px;
    overflow-x: auto;
    margin-bottom: 0.75em;
}

body.lp-dark #ed .ed-md-accordion__body pre {
    background: rgba(0, 0, 0, 0.35);
}

#ed .ed-md-accordion__body pre code {
    background: transparent;
    padding: 0;
}

#ed .ed-md-accordion__body table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0.75em;
}

#ed .ed-md-accordion__body th,
#ed .ed-md-accordion__body td {
    border: 1px solid rgba(128, 128, 128, 0.3);
    padding: 0.4em 0.6em;
    text-align: left;
}

#ed .ed-md-accordion__body th {
    background: rgba(0, 0, 0, 0.05);
    font-weight: 600;
}

body.lp-dark #ed .ed-md-accordion__body th {
    background: rgba(255, 255, 255, 0.05);
}

/* Download link footer inside accordion */
#ed .ed-md-accordion__footer {
    border-top: 1px solid rgba(128, 128, 128, 0.15);
    padding-top: 0.6rem;
    margin-top: 0.6rem;
    font-size: var(--si-font-size--01);
}

/* ── Reply item (timeline) cards ──────────────────────────────────────────── */
#ed .o-card--ed-reply-item {
    border: 1px solid rgba(128, 128, 128, 0.2);
}

body.lp-dark #ed .o-card--ed-reply-item {
    border-color: rgba(255, 255, 255, 0.08);
}

/* Header section: grey band — top corners clipped by overflow:hidden on card */
#ed .o-card--ed-reply-item .ed-reply-header {
    background-color: #f0f0f0;
    background-image: url('/images/bg-noise.webp');
    background-repeat: repeat;
    padding: 0.5rem var(--si-spacing);
    border-top-left-radius: calc(var(--si-ui-radius)*2);
    border-top-right-radius: calc(var(--si-ui-radius)*2);
}

body.lp-dark #ed .o-card--ed-reply-item .ed-reply-header {
    background-color: #1e1e1e;
}

/* Content body: white/dark bg */
#ed .o-card--ed-reply-item .o-card__body:not(.ed-reply-header) {
    background-color: #ffffff;
}

body.lp-dark #ed .o-card--ed-reply-item .o-card__body:not(.ed-reply-header) {
    background-color: #2a2a2a;
}

/* ── FA5→FA6 icon ::before fixes (CSS-var approach loses to FA5 direct rules) */
#ed .fa-comment::before,
.ed-timeline-log__icon .fa-comment::before {
    content: "\f075";
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
}

#ed .fa-ticket-alt::before,
#ed .fa-ticket-simple::before,
.ed-timeline-log__icon .fa-ticket-alt::before {
    content: "\f3ff";
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
}

/* ── Comment section ──────────────────────────────────────────────────────── */

/* Strip the flat grey wrapper background */
#ed .ed-comments {
    background-color: transparent !important;
    padding: 0.5rem 0;
}

/* Each comment — card style with left accent border */
#ed .ed-comment-item {
    background-color: #ffffff !important;
    border: 1px solid rgba(128, 128, 128, 0.18);
    border-left: 3px solid #9e4a6e;
    border-radius: 0.4rem;
    padding: 0 !important;
    margin-bottom: 0.6rem;
}

body.lp-dark #ed .ed-comment-item {
    background-color: #272727 !important;
    border-color: rgba(255, 255, 255, 0.08);
    border-left-color: #c4709a;
}

/* Author header row — dark band */
#ed .ed-comment-item .o-media__body > div:first-child {
    background-color: #efefef;
    background-image: url('/images/bg-noise.webp');
    background-repeat: repeat;
    padding: 0.35rem 0.65rem;
    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
    font-size: var(--si-font-size--01);
}

body.lp-dark #ed .ed-comment-item .o-media__body > div:first-child {
    background-color: #1e1e1e;
    border-bottom-color: rgba(255, 255, 255, 0.07);
}

/* Comment body + avatar wrapper — restore padding */
#ed .ed-comment-item .lg\:t-d--flex {
    padding: 0.6rem 0.75rem 0.65rem;
}

/* Pull avatar up to align with header */
#ed .ed-comment-item .o-media {
    align-items: flex-start;
}

/* Comment text */
#ed .ed-comment-item [data-ed-comment-content] {
    font-size: var(--si-font-size--02);
    line-height: 1.6;
}

/* Comments count/Add-Comment bar — light-grey with rounded bottom */
#ed [data-ed-comments-wrapper] .o-card__body {
    background-color: #f0f0f0 !important;
    background-image: url('/images/bg-noise.webp');
    background-repeat: repeat;
    border-radius: 0 0 0.4rem 0.4rem;
}

body.lp-dark #ed [data-ed-comments-wrapper] .o-card__body {
    background-color: #1e1e1e !important;
}

/* Comment list container — keep transparent */
#ed [data-ed-comments-wrapper] [data-ed-comment-container] {
    background-color: transparent !important;
}

/* "Add Comment" link → burgundy button */
#ed [data-ed-toggle-comment] {
    display: inline-block;
    padding: 0.15rem 0.65rem;
    background-color: #611b44;
    color: #fff !important;
    border-radius: 4px;
    font-size: var(--si-font-size--01);
    font-weight: 600;
    text-decoration: none;
    line-height: 1.8;
    transition: background-color 0.15s ease;
}

#ed [data-ed-toggle-comment]:hover {
    background-color: #7a2256;
}

/* ── Post detail page: H1 title ───────────────────────────────────────────── */
#ed .o-card--ed-entry-item h1.o-title.ed-entry-title {
    font-size: var(--si-font-size--05);
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

/* ── Post detail: header row (status pills + H1 + label pills inline) ──────── */
#ed .ed-entry-header-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}
#ed .ed-entry-header-row .ed-post-status-bar {
    flex-shrink: 0;
}
#ed .ed-entry-header-row h1.o-title.ed-entry-title {
    flex: 1 1 auto;
    margin: 0;
}
#ed .ed-entry-header-row .o-label-toolbar {
    flex-shrink: 0;
}

/* ── Reply submit button ──────────────────────────────────────────────────── */
#ed [data-ed-reply-submit] {
    background-color: #611b44 !important;
    border-color: #611b44 !important;
    color: #ffffff !important;
}
#ed [data-ed-reply-submit]:hover,
#ed [data-ed-reply-submit]:focus {
    background-color: #7a2256 !important;
    border-color: #7a2256 !important;
}
#ed [data-ed-reply-submit]::before {
    content: "\f3e5";
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
    margin-right: 0.4em;
}

/* ── Editor attachment/tabs block: burgundy links ────────────────────────── */
#ed .ed-editor-tab .o-tabs__link {
    color: #611b44 !important;
}
#ed .ed-editor-tab .o-tabs__item.active .o-tabs__link,
#ed .ed-editor-tab .o-tabs__link:hover,
#ed .ed-editor-tab .o-tabs__link:focus {
    color: #7a2256 !important;
}
#ed .ed-editor-tab a.si-link {
    color: #611b44 !important;
}
#ed .ed-editor-tab a.si-link:hover {
    color: #7a2256 !important;
}

/* ── Editor tabs: active tab bottom border → burgundy ─────────────────────── */
#ed .o-tabs--ed-editor .o-tabs__item.active .o-tabs__link,
#ed .o-tabs--ed .o-tabs__item.active .o-tabs__link {
    border-bottom-color: #611b44 !important;
}

/* ── Attachment item link caption → burgundy ──────────────────────────────── */
#ed .ed-attachment-item__caption {
    color: #611b44 !important;
}
#ed .ed-attachment-item__link:hover .ed-attachment-item__caption {
    color: #7a2256 !important;
}

/* ── Upload Files button → burgundy ──────────────────────────────────────── */
#ed .ed-attachment-item-input {
    color: #611b44 !important;
    border-color: #611b44 !important;
}
#ed .ed-attachment-item-input:hover {
    color: #ffffff !important;
    background-color: #611b44 !important;
    border-color: #611b44 !important;
}

/* ── Reply item: Add Comment / o-meta footer — transparent bg ────────────── */
#ed .o-card--ed-reply-item .o-card__body--entry-meta,
#ed .o-card--ed-reply-item .o-card__footer:last-child {
    background-color: transparent !important;
}

/* ── Timeline: burgundy links ─────────────────────────────────────────────── */
#ed .ed-timeline-log a {
    color: #611b44 !important;
}
#ed .ed-timeline-log a:hover {
    color: #7a2256 !important;
}

/* ── Label/type pills: icon colors ──────────────────────────────────────────── */
#ed .o-label.task i {
    color: #ffffff !important;
}
#ed .o-label.issue i {
    color: #000000 !important;
}

/* ── fa-exclamation ::before fix (FA5 direct rule beats FA6 var) ─────────── */
#ed .fa-exclamation::before,
.ed-timeline-log__icon .fa-exclamation::before {
    content: "\f12a";
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
}

/* ── Reply header: two-row layout ────────────────────────────────────────── */
#ed .ed-reply-actions-row {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.4rem;
}

#ed .ed-reply-header .o-media__body {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.2rem 0.6rem;
}

/* ── JCE editor toolbar: dark mode ───────────────────────────────────────── */
body.lp-dark .mceToolbar {
    background: #2a2a2a !important;
    border-bottom-color: #000 !important;
}

/* ── JCE editor buttons: dark mode ──────────────────────────────────────── */
body.lp-dark .mceButton {
    border-color: #444 !important;
    background-color: #2a2a2a !important;
}
body.lp-dark .mceButton:hover,
body.lp-dark .mceButton:focus {
    border-color: #666 !important;
    background-color: #3a3a3a !important;
}
body.lp-dark .mceButtonActive,
body.lp-dark .mceButtonSelected {
    border-color: #555 !important;
    background-color: #404040 !important;
}

/* Hide ED's page-header heading (inherits from Home menu item) */
#ed .page-header {
    display: none;
}

/* Ask/edit form background */
#ed .ed-ask {
    background-color: #ffffff !important;
    border-radius: 6px;
    padding: 1.5rem;
}

body.lp-dark #ed .ed-ask {
    background-color: #2a2a2a !important;
}

/* Hide Joomla editor extension buttons (Field, Article, Media) on ED forms */
#ed .editor-xtd-buttons {
    display: none;
}

/* Override template dark-mode form background inside ED */
body.lp-dark #ed input,
body.lp-dark #ed textarea,
body.lp-dark #ed select {
    background-color: transparent !important;
}

/* Update Post / Submit button — burgundy */
#ed .ed-ask .o-btn--primary {
    background-color: #7a2255 !important;
    border-color: #7a2255 !important;
    color: #ffffff !important;
}

#ed .ed-ask .o-btn--primary:hover,
#ed .ed-ask .o-btn--primary:focus {
    background-color: #611b44 !important;
    border-color: #611b44 !important;
}

/* ED section headings — burgundy with rounded corners */
#ed .ed-categories-wrapper > .l-stack > h2.o-title,
#ed .ed-noti .t-flex-grow--1 > h2.o-title,
#ed .ed-search-wrapper .l-stack > h2.o-title,
#ed .ed-profile-edit .l-stack > h2.o-title,
#ed .ed-my-subscribe-wrapper > .l-stack > h2.o-title,
#ed .ed-favourites .l-stack > h2.o-title,
#ed .ed-my-posts > .l-stack > h2.o-title,
#ed .ed-recent-wrapper > .l-stack > h2.o-title,
#ed .ed-profile > .l-stack > h2.o-title,
#ed .ed-ask > h2.o-title,
#ed.view-ask .ed-container__content > h2.o-title,
#ed .ed-categories > .l-stack > h2.o-title {
    background-color: #7a2255;
    color: #ffffff;
    border-radius: 6px;
    padding: 0.5rem 1rem;
}

/* Posts heading on main category page — extra top margin */
#ed .ed-categories > .l-stack > h2.o-title {
    margin-top: 3rem !important;
}

/* ED empty-state — no background */
#ed .o-empty {
    background-color: transparent !important;
}

/* Profile edit — Account tab active state, Upload Picture, and Save buttons */
#ed .ed-profile-edit .o-tabs__item.active .o-tabs__link {
    background-color: #7a2255 !important;
    color: #ffffff !important;
    border-color: #7a2255 !important;
}

#ed .ed-profile-edit .o-btn--primary {
    background-color: #7a2255 !important;
    border-color: #7a2255 !important;
    color: #ffffff !important;
}

#ed .ed-profile-edit .o-btn--primary:hover,
#ed .ed-profile-edit .o-btn--primary:focus {
    background-color: #611b44 !important;
    border-color: #611b44 !important;
}

/* Subscriptions page — active tab burgundy */
#ed .ed-my-subscribe-wrapper .o-tabs__item.active .o-tabs__link {
    background-color: #7a2255 !important;
    color: #ffffff !important;
    border-color: #7a2255 !important;
}

/* ED section heading bars — remove right padding from title wrapper */
#ed .ed-noti > .t-d--flex > .t-flex-grow--1.t-pr--md {
    padding-right: 0 !important;
}

/* Profile page — active tab burgundy */
#ed .ed-profile .o-tabs__item.active .o-tabs__link {
    background-color: #7a2255 !important;
    color: #ffffff !important;
    border-color: #7a2255 !important;
}

/* Recent discussions/replies modules — remove card background */
#ed.ed-mod--recent-discussions .o-card.t-bg--100,
#ed.ed-mod--recent-replies .o-card.t-bg--100 {
    background-color: transparent !important;
}

/* Sidebar modules — hide full status bar (priority, new label, labels, types) */
.sidebar-2 .ed-mod .ed-post-status-bar {
    display: none !important;
}

/* Sidebar modules — smaller font for all card content */
.sidebar-2 .ed-mod .ed-mod-card {
    font-size: 0.8rem !important;
}
.sidebar-2 .ed-mod .o-title {
    font-size: var(--si-font-size--02) !important;
}

/* Sidebar modules — smaller meta-bottom text (author, date, category) */
.sidebar-2 .ed-mod .o-meta {
    font-size: 0.7rem !important;
}

/* Sidebar modules — bold post titles */
.sidebar-2 .ed-mod .o-title {
    font-weight: 700 !important;
}



/* Sidebar modules — card body padding: space before/after divider border */
.sidebar-2 .ed-mod .o-card__body.l-stack {
    padding: 0 !important;
}



/* Sidebar modules — hide status bar wrapper in both modules */
.sidebar-2 .ed-mod .o-meta-top {
    display: none !important;
}

/* Sidebar modules — zero top margin on element after hidden o-meta-top (the title) */
.sidebar-2 .ed-mod .o-meta-top + * {
    margin-top: 0 !important;
}

/* Sidebar modules — tighten l-stack gap between title and meta cluster */
.sidebar-2 .ed-mod .o-card__body.l-stack > * + * {
    margin-top: 0.15rem !important;
}

/* Sidebar modules — burgundy ::after divider with breathing room */
.sidebar-2 .ed-mod .o-card:not(:last-child) {
    padding-bottom: 0.5rem !important;
}
.sidebar-2 .ed-mod .o-card:not(:last-child)::after {
    content: '';
    display: block;
    height: 2px;
    background-color: #7a2255;
    margin-top: 1rem;
}

/* Sidebar modules — module heading: less bottom margin + thick burgundy border */
.sidebar-2 .moduletable > h3 {
    margin-bottom: 0.6rem !important;
    border-bottom: 3px solid #7a2255 !important;
    padding-bottom: 0.4rem !important;
}

/* Sidebar modules — zero --space variable; explicit margins control all spacing */
.sidebar-2 .ed-mod .l-cluster,
.sidebar-2 .ed-mod .l-stack {
    --space: 0 !important;
}

/* Sidebar modules — post content excerpt */
.sidebar-2 .ed-mod .ed-mod-excerpt {
    font-size: 0.8rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.2rem !important;
}