/* =============================================================
   styles.css — Global application styles
   ============================================================= */

/* ─────────────────────────────────────────────
   CSS custom properties
   Override in a scoped parent to retheme
───────────────────────────────────────────── */
:root {
    --accordion-primary: #3b7ddd;
}

/* ─────────────────────────────────────────────
   PAGE LAYOUT
───────────────────────────────────────────── */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer {
    margin-top: auto;
}

/* ─────────────────────────────────────────────
   SIDEBAR LOGO
───────────────────────────────────────────── */
.sidebar-brand-text img {
    max-width: 100%;
    max-height: 100%;
}

/* ─────────────────────────────────────────────
   REGISTER PAGE LOGO
───────────────────────────────────────────── */
.registerLogo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ─────────────────────────────────────────────
   TABS
───────────────────────────────────────────── */
.tab .nav-tabs .nav-link.active {
    background: #ededed !important;
    border-bottom: none;
}

.nav-tabs .nav-item {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid #ededed !important;
}

.tab .tab-content {
    border: 1px solid #ededed !important;
    background: #ededed !important;
}

/* ─────────────────────────────────────────────
   UTILITIES
───────────────────────────────────────────── */
.borderRadius5 {
    border-radius: 5px;
}

/* Hidden by default; shown by JS when in core-menu edit mode */
.saveCoreMenuEdit {
    display: none;
}

/* ─────────────────────────────────────────────
   IMAGE HELPERS
───────────────────────────────────────────── */
.logoImage img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.usersProfileImage img,
.manageSpeakersImg img {
    max-width: 50px;
    max-height: 50px;
    object-fit: cover;
}

.speakersImg img {
    max-width: 50%;
    max-height: 50%;
    object-fit: cover;
}

/* ─────────────────────────────────────────────
   CROPPER
───────────────────────────────────────────── */
.cropper-container {
    width: auto !important;
}

/* ─────────────────────────────────────────────
   MISC BORDERS
───────────────────────────────────────────── */
.border_blk_1 {
    border: 1px solid #000;
}

/* ─────────────────────────────────────────────
   CARD SHADOW
   Scoped to .app-content so it only applies
   where the main layout wrapper is present.
   Avoids unintended overrides on nested cards.
───────────────────────────────────────────── */
.app-content .card {
    box-shadow: 0 0 .875rem 0 rgba(0, 0, 0, 0.25);
}

/* ─────────────────────────────────────────────
   ACTIVE STATE (sidebar nav items etc.)
───────────────────────────────────────────── */
.infoSubactive {
    background-color: grey !important;
    color: #ffffff;
}

/* ─────────────────────────────────────────────
   ACCORDION
   Uses --accordion-primary for easy rethemeing.
───────────────────────────────────────────── */
.accordion-button {
    background-color: var(--accordion-primary);
    color: #fff;
}

.accordion-button:not(.collapsed) {
    background-color: var(--accordion-primary);
    color: #fff;
    box-shadow: none;
}

/* Keep the accordion arrow visible on the coloured background */
.accordion-button::after {
    filter: brightness(0) invert(1);
}