/*
 * Modern Forum 1.2.0 — behavior/component CSS only.
 *
 * Modern Forum no longer acts as a second XenForo theme.
 * The selected XenForo style owns ordinary forum presentation.
 * This file contains only geometry required by Modern Forum features.
 */

/* Quick actions ------------------------------------------------------- */
.oafModern .oafQuickActions {
    display:flex;
    gap:10px;
    margin:8px 0 10px;
    width:100%;
}
.oafModern .oafQuickActions .oafQuickAction {
    align-items:center;
    box-sizing:border-box;
    display:flex!important;
    flex:1 1 50%;
    justify-content:center;
    line-height:1.2!important;
    min-height:44px;
    padding:8px 12px!important;
    text-align:center;
}
@media (min-width:801px) {
    .oafModernQuickActions #content.forum_list .pageContent { position:relative; }
    .oafModernQuickActions #content.forum_list .oafQuickActions--early {
        margin:0;
        position:absolute;
        right:20px;
        top:18px;
        width:270px;
        z-index:2;
    }
    .oafModernQuickActions #content.forum_list .sidebar::before {
        content:"";
        display:block;
        height:44px;
        margin:8px 0 10px;
        visibility:hidden;
    }
    .oafModernQuickActions.oafQuickActionsFallback #content.forum_list .sidebar::before { display:none; }
}

/* Navigation utilities ------------------------------------------------ */
.oafModern .oafNavUtilityLink {
    align-items:center;
    box-sizing:border-box;
    display:flex!important;
    gap:7px;
    height:100%;
    justify-content:center;
}
.oafModern .oafNavUtilityIcon {
    display:inline-flex;
    flex:0 0 auto;
    height:22px;
    width:22px;
}
.oafModern .oafNavUtilityIcon svg,
.oafModern .oafSearchIcon svg {
    display:block;
    height:100%;
    width:100%;
}
.oafModern .oafNavAvatar {
    display:inline-block;
    height:28px;
    object-fit:cover;
    vertical-align:middle;
    width:28px;
}
.oafModernCompactNavIcons .navTabs .visitorTabs a.navLink[href*="conversations"],
.oafModernCompactNavIcons .navTabs .visitorTabs a.navLink[href*="/inbox"],
.oafModernCompactNavIcons .navTabs .visitorTabs a.navLink[href*="account/alerts"],
.oafModernCompactNavIcons .navTabs .visitorTabs a.navLink[href*="/alerts"],
.oafModernCompactNavIcons .navTabs .visitorTabs a.navLink[href*="bookmark"] {
    align-items:center;
    box-sizing:border-box;
    display:flex!important;
    justify-content:center;
    min-width:40px!important;
    width:40px!important;
}
.oafModernNavSearch .oafSearchToggle {
    align-items:center;
    cursor:pointer;
    display:flex!important;
    gap:7px;
    justify-content:center;
}
.oafModernNavSearch .oafSearchIcon {
    display:inline-flex;
    height:22px;
    width:22px;
}
.oafModernNavSearch .oafSearchPopover {
    display:none;
    position:absolute;
    right:0;
    top:100%;
    z-index:10050;
}
.oafModernNavSearch .oafSearchPopover.is-open { display:block; }

/* Stable secondary-navigation behavior. */
.oafModernNavSearch.LoggedIn .navTabs .navTab.forums.selected .forumsTabLinks li:has(> a[href*="forums/-/mark-read"]),
.oafModernNavSearch.LoggedIn .navTabs .navTab.forums.selected .forumsTabLinks li:has(> a[href*="search/?type=post"]),
.oafModernNavSearch.LoggedIn .navTabs .navTab.forums.selected .forumsTabLinks li:has(> a[href*="watched/forums"]),
.oafModernNavSearch.LoggedIn .navTabs .navTab.forums.selected .forumsTabLinks li:has(> a[href*="watched/threads"]),
.oafModernNavSearch.LoggedIn .navTabs .navTab.forums.selected .forumsTabLinks li.oafSubNavUtility {
    display:none!important;
}
.oafModernNavSearch.LoggedIn .navTabs .navTab.forums.selected .forumsTabLinks li.oafStableSubNavOverflow {
    display:list-item!important;
}
.oafModernNavSearch #navigation.withSearch .navTabs .navTab.selected .blockLinksList {
    margin-right:8px!important;
}

/* Clickable semantic forum icons -------------------------------------- */
.oafModern .node .nodeIcon {
    position:relative;
}
.oafModern .node .nodeIcon .oafNodePostLink {
    inset:2px;
    position:absolute;
    z-index:3;
}
.oafModern .node .nodeIcon.oafNodeIconPostable {
    cursor:pointer;
}
.oafModern .node .nodeControls a[href*="create-thread"],
.oafModern .node .nodeControls a[href*="create_thread"],
.oafModern .node .nodeControls a[href*="post-thread"],
.oafModern .node .nodeControls a[href*="add-thread"],
.oafModern .node .nodeControls a.postThreadIcon,
.oafModern .node .nodeControls a.postnTopic,
.oafModern .node .oafRedundantPostControl {
    display:none!important;
}
.oafModern .oafNodeGlyph {
    align-items:center;
    display:inline-flex;
    height:36px;
    justify-content:center;
    width:36px;
}
.oafModern .oafNodeGlyph svg {
    display:block;
    height:23px;
    width:23px;
}

/* Submit Work chooser ------------------------------------------------- */
.oafModern .oafSubmitWorkChooser {
    box-sizing:border-box;
    margin:0;
    max-height:76vh;
    max-width:94vw;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0;
    width:780px;
}
.oafModern .oafSubmitWorkGroup { display:block; margin:0; padding:0; }
.oafModern .oafSubmitWorkCategory {
    display:block;
    padding:10px 15px 9px;
}
.oafModern .oafSubmitWorkCategory h3 { margin:0; }
.oafModern .oafSubmitWorkCategory .description,
.oafModern .oafSubmitWorkForum .description {
    display:block;
    line-height:1.35;
    margin-top:2px;
}
.oafModern .xenOverlay .oafSubmitWorkChooser a.oafSubmitWorkForum,
.oafModern .oafSubmitWorkChooser a.oafSubmitWorkForum {
    display:block;
    min-height:38px;
    padding:9px 92px 8px 15px;
    position:relative;
    text-decoration:none!important;
}
.oafModern .oafSubmitWorkChooser a.oafSubmitWorkForum.noCount { padding-right:15px; }
.oafModern .oafSubmitWorkForumText,
.oafModern .oafSubmitWorkForumText > strong { display:block; }
.oafModern .oafSubmitWorkCount {
    position:absolute;
    right:15px;
    text-align:right;
    top:9px;
    width:62px;
}
.oafModern .oafSubmitWorkCount span,
.oafModern .oafSubmitWorkCount strong {
    display:block;
    line-height:1.3;
}
.oafModern .oafSubmitWorkEmpty {
    padding:22px 18px;
    text-align:center;
}

/* Compact category markup: structure only, no colors or typography. */
.oafModernCompactCategories #content.forum_list .sectionMain.oafCategorySection {
    padding-top:0!important;
}
.oafModernCompactCategories #content.forum_list .nodeList > .category,
.oafModernCompactCategories #content.forum_list .oafCategoryNode {
    margin-bottom:0!important;
}
.oafModernCompactCategories #content.forum_list .sectionMain .categoryStrip,
.oafModernCompactCategories #content.forum_list .sectionMain .oafCategoryBar {
    box-sizing:border-box;
    height:auto!important;
    min-height:0!important;
    position:relative;
}
.oafModernCompactCategories .categoryStrip .categoryText,
.oafModernCompactCategories .categoryStrip .nodeText,
.oafModernCompactCategories .categoryStrip .nodeTitle,
.oafModernCompactCategories .categoryStrip .nodeDescription,
.oafModernCompactCategories .oafCategoryBar .categoryText,
.oafModernCompactCategories .oafCategoryBar .nodeText,
.oafModernCompactCategories .oafCategoryBar .nodeTitle,
.oafModernCompactCategories .oafCategoryBar .nodeDescription {
    height:auto!important;
    min-height:0!important;
}
.oafModernCompactCategories .categoryStrip .button,
.oafModernCompactCategories .categoryStrip a.button,
.oafModernCompactCategories .categoryStrip .callToAction,
.oafModernCompactCategories .oafCategoryBar .button,
.oafModernCompactCategories .oafCategoryBar a.button,
.oafModernCompactCategories .oafCategoryBar .callToAction {
    position:absolute!important;
    right:20px;
    top:50%;
    transform:translateY(-50%);
}

/* Mobile behavior ----------------------------------------------------- */
@media (max-width:800px) {
    .oafModern .oafQuickActions { margin-top:6px; }
    .oafModern .oafNavUsername,
    .oafModernNavSearch .oafSearchLabel { display:none!important; }

    .oafModern .navTabs .navTab.selected .tabLinks,
    .oafModern .navTabs .navTab.selected .tabLinks .primaryContent {
        overflow:hidden!important;
    }
    .oafModern .navTabs .navTab.selected .tabLinks ul,
    .oafModern .navTabs .navTab.selected .tabLinks .blockLinksList {
        -webkit-overflow-scrolling:touch;
        display:flex!important;
        flex-wrap:nowrap!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scrollbar-width:none;
        white-space:nowrap!important;
    }
    .oafModern .navTabs .navTab.selected .tabLinks ul::-webkit-scrollbar,
    .oafModern .navTabs .navTab.selected .tabLinks .blockLinksList::-webkit-scrollbar {
        display:none;
    }
    .oafModern .navTabs .navTab.selected .tabLinks li,
    .oafModern .navTabs .navTab.selected .tabLinks .blockLinksList > li {
        flex:0 0 auto!important;
    }

    .oafModern .oafNodeGlyph {
        height:32px;
        width:32px;
    }
    .oafModern .oafNodeGlyph svg {
        height:20px;
        width:20px;
    }

    .oafModernCompactCategories .categoryStrip .button,
    .oafModernCompactCategories .categoryStrip a.button,
    .oafModernCompactCategories .categoryStrip .callToAction,
    .oafModernCompactCategories .oafCategoryBar .button,
    .oafModernCompactCategories .oafCategoryBar a.button,
    .oafModernCompactCategories .oafCategoryBar .callToAction {
        display:inline-block!important;
        margin-top:8px!important;
        position:static!important;
        transform:none!important;
    }

    .oafModern .oafSubmitWorkChooser {
        max-height:88vh;
        width:94vw;
    }
    .oafModern .oafSubmitWorkChooser a.oafSubmitWorkForum {
        padding-left:12px;
        padding-right:74px;
    }
    .oafModern .oafSubmitWorkCount {
        right:12px;
        width:52px;
    }
}