/* ================================================================
   Volaire LARP — JomSocial Dark Theme Override
   Replaces the white JomSocial panels with the site's dark purple
   aesthetic (#2e0b4b base, gold accents, cream text)
   ================================================================ */

/* Remove white section background when the page hosts JomSocial */
.uk-section-default:has(.jomsocial),
.uk-section:has(.jomsocial) {
    background: transparent !important;
}

/* ── Kill the ECF0F1 outer wrapper background (more specific rule) ── */
.jomsocial-wrapper .jomsocial,
.jomsocial {
    background: transparent !important;
}

/* ── Page containers (profile pages, group detail, etc.) ────── */
.jomsocial .joms-page,
#joms-app--aboutme-special .joms-list__row,
#joms-event--details .joms-list__row,
#joms-group--details .joms-list__row,
#joms-page--details .joms-list__row {
    background: #1a0630;
    color: #f0ede6;
}

/* ── Main community nav toolbar ─────────────────────────────── */
.jomsocial .joms-toolbar,
.jomsocial .joms-subnav--desktop,
.jomsocial .joms-toolbar--desktop,
.jomsocial .joms-toolbar--mobile {
    background: #2e0b4b !important;
    border-color: rgba(188, 146, 64, 0.30) !important;
}
.jomsocial .joms-toolbar > ul > li:hover,
.jomsocial .joms-subnav--desktop > ul > li.active,
.jomsocial .joms-subnav--desktop > ul > li:hover,
.jomsocial .joms-toolbar--desktop > ul > li.active,
.jomsocial .joms-toolbar--desktop > ul > li:hover {
    background: #3d1060 !important;
}
/* Toolbar link and icon text — clearly readable on dark purple */
.jomsocial .joms-toolbar a,
.jomsocial .joms-toolbar span,
.jomsocial .joms-subnav a,
.jomsocial .joms-subnav--desktop > ul > li > a,
.jomsocial .joms-subnav--desktop > ul > li > a:hover,
.jomsocial .joms-toolbar--desktop > ul > li > a,
.jomsocial .joms-toolbar--desktop > ul > li > a:hover,
.jomsocial .joms-toolbar--mobile > ul > li > a,
.jomsocial .joms-toolbar--mobile > .joms-link--login {
    color: #f0ede6 !important;
    background: transparent;
}
.jomsocial .joms-toolbar .joms-icon {
    fill: #c0aad0;
}

/* ── Sidebar modules (Pages, Members, etc.) ─────────────────── */
.jomsocial .joms-module__header {
    background: #230840;
    border-bottom: 1px solid rgba(188, 146, 64, 0.45);
    color: #e2ba5d;
}
.jomsocial .joms-module__body,
.jomsocial .joms-module__wrapper,
.jomsocial .joms-module__wrapper--stacked {
    background: #1a0630;
    border-color: rgba(100, 40, 140, 0.30);
    color: #f0ede6;
}

/* ── Tabs inside modules ────────────────────────────────────── */
.jomsocial .joms-tab__bar {
    background: #230840;
    border-bottom-color: rgba(188, 146, 64, 0.30);
}
.jomsocial .joms-tab__bar > a,
.jomsocial .joms-tab__bar > a:link {
    color: #c0aad0;
}
.jomsocial .joms-tab__bar > a.active {
    background: #1a0630;
    border-color: rgba(188, 146, 64, 0.50);
    color: #e2ba5d;
}
.jomsocial .joms-module__wrapper .joms-tab__content,
.jomsocial .joms-module__wrapper--stacked .joms-tab__content,
.jomsocial .joms-tab__app,
.jomsocial .joms-app__block,
.jomsocial .joms-app--wrapper {
    background: #1a0630;
    color: #f0ede6;
}

/* ── Postbox (status composer) ─────────────────────────────── */
.jomsocial .joms-postbox,
.jomsocial .joms-postbox-content,
.jomsocial .joms-postbox-inner-panel,
.jomsocial .joms-postbox__preview,
.jomsocial .joms-postbox--droparea {
    background: #1e073a;
    border-color: rgba(100, 40, 140, 0.40);
    color: #f0ede6;
}
.jomsocial .joms-postbox-dropdown {
    background: #2a0d4a;
    border-color: rgba(188, 146, 64, 0.40);
}
.jomsocial .joms-postbox-dropdown li:hover,
.jomsocial .joms-postbox-double-panel li:hover,
.jomsocial .joms-postbox-photo-upload:hover,
.jomsocial .joms-postbox-file-upload:hover {
    background: #381260;
}
.jomsocial .joms-textarea__wrapper {
    background: #130428;
    border-color: rgba(100, 40, 140, 0.45);
}

/* ── Activity stream container ──────────────────────────────── */
.jomsocial .joms-stream,
.jomsocial .joms-stream--notifications {
    background: #1a0630;
    border-color: rgba(100, 40, 140, 0.25);
}

/* ── Comments ───────────────────────────────────────────────── */
.jomsocial .joms-comment,
.jomsocial .joms-comment__reply {
    background: #130428;
    color: #c8c0dc;
}
.jomsocial .joms-comment--bulletin .joms-comment__item:hover {
    background-color: #1e073a;
}

/* ── Dropdowns and popovers ─────────────────────────────────── */
.jomsocial .joms-dropdown,
.jomsocial .joms-popover {
    background: #2a0d4a;
    border-color: rgba(188, 146, 64, 0.35);
    color: #f0ede6;
}
.jomsocial .joms-dropdown > li:hover,
.jomsocial .joms-popover > li:hover,
.jomsocial .joms-dropdown > li.active,
.jomsocial .joms-popover > li.active {
    background: #381260;
}

/* ── Form inputs ────────────────────────────────────────────── */
.jomsocial .joms-input,
.jomsocial .joms-input[type="text"],
.jomsocial .joms-input[type="password"],
.jomsocial .joms-select--wrapper,
.jomsocial .joms-textarea {
    background: #130428;
    border-color: rgba(100, 40, 140, 0.50);
    color: #f0ede6;
}
.jomsocial .joms-input--search[type="text"] {
    background: #130428 !important;
    color: #f0ede6 !important;
}
.jomsocial .joms-input--datepicker {
    background-color: #130428 !important;
    color: #f0ede6 !important;
}
.jomsocial .joms-input option,
.jomsocial .joms-input[type="text"] option,
.jomsocial .joms-select--wrapper option,
.jomsocial .joms-select option {
    background-color: #1e073a;
    color: #f0ede6;
}
.jomsocial .joms-location__wrapper,
.jomsocial .joms-location__dropdown {
    background: #1e073a;
    border-color: rgba(100, 40, 140, 0.45);
    color: #f0ede6;
}

/* ── Neutral / misc buttons ─────────────────────────────────── */
.jomsocial .joms-button--neutral,
.jomsocial .joms-button--privacy,
.jomsocial .joms-button--more,
.jomsocial .joms-button--comment {
    background: #230840;
    border-color: rgba(100, 40, 140, 0.45);
    color: #c0aad0;
}
.jomsocial .joms-button--neutral:hover,
.jomsocial .joms-button--privacy:hover,
.jomsocial .joms-button--more:hover,
.jomsocial .joms-button--comment:hover {
    background: #2e0b4b;
    color: #f0ede6;
}

/* ── Text colours ───────────────────────────────────────────── */
.jomsocial .joms-text--light,
.jomsocial .joms-text--title,
.jomsocial .joms-text--bold {
    color: #f0ede6;
}
.jomsocial .joms-text--desc,
.jomsocial .joms-text--lead {
    color: #98928e;
}

/* ── Links ──────────────────────────────────────────────────── */
.jomsocial a {
    color: #e2ba5d;
}
.jomsocial a:hover {
    color: #f0cc74;
}

/* ── Activity filter bar ────────────────────────────────────── */
.jomsocial .joms-activity-filter {
    background: #1e073a;
    border-color: rgba(100, 40, 140, 0.30);
    color: #f0ede6;
}

/* ── Calendar date chip on events ──────────────────────────── */
.jomsocial .joms-media__calendar .date {
    background: #1e073a;
    color: #e2ba5d;
}

/* ── Emoticon board ─────────────────────────────────────────── */
.jomsocial ul.joms-emoticon__board {
    background: #2a0d4a;
    border-color: rgba(100, 40, 140, 0.40);
}