/*
 * Moters Pagalba Moteriai – wpForo visual customisations
 * Stage 1: primary navigation, forum/category headers and home-header links.
 */

/* Primary wpForo navigation */
#wpforo #wpforo-wrap #wpforo-menu {
    background: #a66d3f !important;
}

#wpforo #wpforo-wrap #wpforo-menu li,
#wpforo #wpforo-wrap #wpforo-menu li a,
#wpforo #wpforo-wrap #wpforo-menu .wpf-res-menu,
#wpforo #wpforo-wrap #wpforo-menu .wpf-res-menu i {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

#wpforo #wpforo-wrap #wpforo-menu li a:hover,
#wpforo #wpforo-wrap #wpforo-menu li.current-menu-item > a,
#wpforo #wpforo-wrap #wpforo-menu li.current_page_item > a,
#wpforo #wpforo-wrap #wpforo-menu li.wpforo-active > a,
#wpforo #wpforo-wrap #wpforo-menu li.active > a,
#wpforo #wpforo-wrap #wpforo-menu a.wpforo-active {
    background: #004c4c !important;
    color: #ffffff !important;
}

/* Main forum/page boxed headers */
#wpforo #wpforo-wrap .wpf-head-bar,
#wpforo #wpforo-wrap h1#wpforo-title {
    background: #004c4c !important;
    color: #ffffff !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    box-sizing: border-box;
}

#wpforo #wpforo-wrap h1#wpforo-title {
    display: block !important;
    width: 100% !important;
    padding: 12px 16px !important;
    margin: 0 0 18px !important;
}

#wpforo #wpforo-wrap .wpf-head-bar #wpforo-title,
#wpforo #wpforo-wrap .wpf-head-bar h1,
#wpforo #wpforo-wrap .wpf-head-bar h2,
#wpforo #wpforo-wrap .wpf-head-bar h3,
#wpforo #wpforo-wrap .wpf-head-bar a,
#wpforo #wpforo-wrap .wpf-head-bar i,
#wpforo #wpforo-wrap .wpf-head-bar span {
    color: #ffffff !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
}

/* Forum category headers – 20% lighter than #004c4c */
#wpforo #wpforo-wrap .wpforo-section > .wpforo-category,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category,
#wpforo #wpforo-wrap .wpfl-2 .wpforo-category,
#wpforo #wpforo-wrap .wpfl-3 .wpforo-category,
#wpforo #wpforo-wrap .wpfl-4 .wpforo-category,
#wpforo #wpforo-wrap .wpfl-5 .wpforo-category {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 10px 16px !important;
    margin: 0 0 5px !important;
    background: #337070 !important;
    border-radius: 0 !important;
    box-sizing: border-box;
}

#wpforo #wpforo-wrap .wpforo-category .cat-title,
#wpforo #wpforo-wrap .wpforo-category .cat-name {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

#wpforo #wpforo-wrap .wpforo-category .wpf-button,
#wpforo #wpforo-wrap .wpforo-category .wpf-button-outlined,
#wpforo #wpforo-wrap .wpforo-category .wpf-head-bar-left,
#wpforo #wpforo-wrap .wpforo-category [id^="wpf-buttons-"] {
    margin-top: 8px !important;
}

/* Home title action: keep only the unread-posts link and use a 16px icon. */
#wpforo #wpforo-wrap h1#wpforo-title .wpforo-feed {
    float: right;
    display: inline-flex;
    align-items: center;
}

#wpforo #wpforo-wrap h1#wpforo-title .wpf-unread-posts a,
#wpforo #wpforo-wrap h1#wpforo-title .wpf-unread-posts a span,
#wpforo #wpforo-wrap h1#wpforo-title .wpf-unread-posts a i {
    color: #ffffff !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

#wpforo #wpforo-wrap h1#wpforo-title .wpf-unread-posts a {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    text-decoration: none !important;
}

@media (max-width: 620px) {
    #wpforo #wpforo-wrap h1#wpforo-title .wpforo-feed {
        float: none;
        display: flex;
        margin-top: 8px;
    }
}

/* Stage 2 – Extended layout forum hierarchy */
#wpforo #wpforo-wrap .wpfl-1 .forum-wrap > .wpforo-forum {
    background: #a66d3f !important;
    color: #ffffff !important;
    padding: 14px 18px !important;
    box-sizing: border-box;
}

#wpforo #wpforo-wrap .wpfl-1 .forum-wrap > .wpforo-forum .wpforo-forum-title,
#wpforo #wpforo-wrap .wpfl-1 .forum-wrap > .wpforo-forum .wpforo-forum-title a,
#wpforo #wpforo-wrap .wpfl-1 .forum-wrap > .wpforo-forum .wpforo-forum-description,
#wpforo #wpforo-wrap .wpfl-1 .forum-wrap > .wpforo-forum .mpm-forum-stats {
    color: #ffffff !important;
}

#wpforo #wpforo-wrap .wpfl-1 .forum-wrap > .wpforo-forum .wpforo-forum-title,
#wpforo #wpforo-wrap .wpfl-1 .forum-wrap > .wpforo-forum .wpforo-forum-title a {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

#wpforo #wpforo-wrap .mpm-forum-stats,
#wpforo #wpforo-wrap .mpm-subforum-stats {
    display: flex;
    gap: 16px;
    padding-top: 6px;
    font-size: 12px;
}

#wpforo #wpforo-wrap .mpm-subforum-list {
    display: block !important;
    width: 100% !important;
    margin: 12px 0 0 40px !important;
    padding: 0 !important;
    box-sizing: border-box;
}

#wpforo #wpforo-wrap .mpm-subforum-box {
    display: block !important;
    width: calc(100% - 40px) !important;
    margin: 0 0 10px 0 !important;
    padding: 12px 16px !important;
    background: #337070 !important;
    color: #ffffff !important;
    box-sizing: border-box;
}

#wpforo #wpforo-wrap .mpm-subforum-title-row,
#wpforo #wpforo-wrap .mpm-subforum-title-row a {
    color: #ffffff !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

#wpforo #wpforo-wrap .mpm-subforum-title-row i {
    margin-right: 8px;
}

#wpforo #wpforo-wrap .mpm-add-topic-wrap {
    margin-top: 9px;
}

@media (max-width: 620px) {
    #wpforo #wpforo-wrap .mpm-subforum-list {
        margin-left: 18px !important;
    }
    #wpforo #wpforo-wrap .mpm-subforum-box {
        width: calc(100% - 18px) !important;
    }
}

/* Stage 3 – independently expandable nested forum tree */
#wpforo #wpforo-wrap .mpm-parent-title-row,
#wpforo #wpforo-wrap .mpm-subforum-title-row {
    display: flex !important;
    align-items: center;
    gap: 8px;
    width: 100%;
}

#wpforo #wpforo-wrap .mpm-parent-title-row .wpforo-forum-title,
#wpforo #wpforo-wrap .mpm-subforum-title-link {
    flex: 1 1 auto;
    min-width: 0;
}

#wpforo #wpforo-wrap .mpm-forum-expand {
    flex: 0 0 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-left: auto;
    padding: 0;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 4px;
    background: rgba(255,255,255,.12);
    color: #ffffff;
    cursor: pointer;
    line-height: 1;
}

#wpforo #wpforo-wrap .mpm-forum-expand:hover,
#wpforo #wpforo-wrap .mpm-forum-expand:focus {
    background: rgba(255,255,255,.24);
    outline: 2px solid rgba(255,255,255,.55);
    outline-offset: 2px;
}

#wpforo #wpforo-wrap .mpm-forum-expand i {
    margin: 0 !important;
    font-size: 16px !important;
    transition: transform .18s ease;
}

#wpforo #wpforo-wrap .mpm-forum-children[hidden] {
    display: none !important;
}

#wpforo #wpforo-wrap .mpm-forum-children:not([hidden]) {
    display: block !important;
}

/* Every nesting level starts 40px to the right of its owning forum box. */
#wpforo #wpforo-wrap .mpm-forum-children > .mpm-subforum-list {
    margin: 12px 0 0 40px !important;
    width: calc(100% - 40px) !important;
}

#wpforo #wpforo-wrap .mpm-subforum-list .mpm-subforum-box {
    width: 100% !important;
}

#wpforo #wpforo-wrap .mpm-subforum-node {
    display: block;
    width: 100%;
    margin: 0 0 10px;
}

#wpforo #wpforo-wrap .mpm-subforum-node > .mpm-forum-children {
    width: 100%;
}

@media (max-width: 620px) {
    #wpforo #wpforo-wrap .mpm-forum-children > .mpm-subforum-list {
        margin-left: 18px !important;
        width: calc(100% - 18px) !important;
    }
}


/* Stage 3.1 – cleaner, larger hierarchy controls */
#wpforo #wpforo-wrap .mpm-forum-expand {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

#wpforo #wpforo-wrap .mpm-forum-expand:hover,
#wpforo #wpforo-wrap .mpm-forum-expand:focus {
    background: rgba(255,255,255,.10) !important;
    color: #ffffff !important;
    outline: 2px solid rgba(255,255,255,.75);
    outline-offset: 1px;
}

#wpforo #wpforo-wrap .mpm-forum-expand i,
#wpforo #wpforo-wrap .mpm-forum-expand i::before {
    color: #ffffff !important;
    font-size: 24px !important;
    opacity: 1 !important;
    text-shadow: none !important;
}



/* Stage 3.2 – one consistent control per row.
   Branch forums expand child forums; leaf forums expand their topics. */
#wpforo #wpforo-wrap .mpm-topic-expand {
    flex: 0 0 42px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-left: auto !important;
    color: #ffffff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    cursor: pointer;
    opacity: 1 !important;
    text-shadow: none !important;
}

#wpforo #wpforo-wrap .mpm-topic-expand:hover,
#wpforo #wpforo-wrap .mpm-topic-expand:focus {
    background: rgba(255,255,255,.10) !important;
    color: #ffffff !important;
    outline: 2px solid rgba(255,255,255,.75);
    outline-offset: 1px;
}

#wpforo #wpforo-wrap .mpm-leaf-topic-list {
    margin: 8px 0 12px 40px;
    width: calc(100% - 40px);
}

@media (max-width: 620px) {
    #wpforo #wpforo-wrap .mpm-leaf-topic-list {
        margin-left: 18px;
        width: calc(100% - 18px);
    }
}


/* Stage 3.3 – expanded leaf forums use the full forum topic-row presentation. */
#wpforo #wpforo-wrap .mpm-subforum-description,
#wpforo #wpforo-wrap .mpm-subforum-description p,
#wpforo #wpforo-wrap .mpm-subforum-description a {
    color: #ffffff !important;
}
#wpforo #wpforo-wrap .mpm-subforum-description {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.45;
}
#wpforo #wpforo-wrap .mpm-full-topic-list {
    margin-top: 10px !important;
}
#wpforo #wpforo-wrap .mpm-inline-forum-topics {
    width: 100%;
}
#wpforo #wpforo-wrap .mpm-inline-forum-topics .topic-wrap {
    margin-bottom: 8px;
}
#wpforo #wpforo-wrap .mpm-topic-icon-frame {
    border: 1px dotted #999;
    border-radius: 5px;
    width: 40px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#wpforo #wpforo-wrap .mpm-view-all-topics {
    padding: 8px 12px;
}

/* MPM wpForo Edition 1.0 – white background for expanded topic lists. */
#wpforo #wpforo-wrap .mpm-full-topic-list,
#wpforo #wpforo-wrap .mpm-full-topic-list .mpm-inline-forum-topics,
#wpforo #wpforo-wrap .mpm-full-topic-list .topic-wrap,
#wpforo #wpforo-wrap .mpm-full-topic-list .wpforo-topic,
#wpforo #wpforo-wrap .mpm-full-topic-list .wpforo-last-posts-list,
#wpforo #wpforo-wrap .mpm-full-topic-list .wpforo-last-posts-list ul,
#wpforo #wpforo-wrap .mpm-full-topic-list .wpforo-last-posts-list li,
#wpforo #wpforo-wrap .mpm-full-topic-list .mpm-view-all-topics {
    background: #ffffff !important;
}

#wpforo #wpforo-wrap .mpm-full-topic-list {
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

#wpforo #wpforo-wrap .mpm-full-topic-list .topic-wrap {
    border: 1px solid #e2e2e2 !important;
    border-radius: 5px;
    overflow: hidden;
}

#wpforo #wpforo-wrap .mpm-full-topic-list .wpforo-topic-title a {
    color: #004c4c !important;
}

#wpforo #wpforo-wrap .mpm-full-topic-list .wpforo-topic-start-info,
#wpforo #wpforo-wrap .mpm-full-topic-list .wpforo-topic-start-info a,
#wpforo #wpforo-wrap .mpm-full-topic-list .wpforo-topic-stat-combined,
#wpforo #wpforo-wrap .mpm-full-topic-list .wpforo-last-post-user,
#wpforo #wpforo-wrap .mpm-full-topic-list .wpforo-last-post-user a {
    color: #666666 !important;
}


/* MPM wpForo Edition 1.01 – final forum-home refinements. */
#wpforo #wpforo-wrap #wpforo-title .wpforo-feed .wpf-unread-posts a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff !important;
}

#wpforo #wpforo-wrap #wpforo-title .mpm-unread-bell,
#wpforo #wpforo-wrap #wpforo-title .mpm-unread-bell::before {
    color: #ffffff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    opacity: 1 !important;
}

/* Subtle interaction feedback on forum and nested-forum boxes. */
#wpforo #wpforo-wrap .forum-wrap > .wpforo-forum,
#wpforo #wpforo-wrap .mpm-subforum-box {
    transition: filter .18s ease, box-shadow .18s ease, transform .18s ease;
}

#wpforo #wpforo-wrap .forum-wrap > .wpforo-forum:hover,
#wpforo #wpforo-wrap .mpm-subforum-box:hover {
    filter: brightness(1.04);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .12);
}

/* Smooth, consistent arrow rotation for child-forum and topic controls. */
#wpforo #wpforo-wrap .mpm-forum-expand i,
#wpforo #wpforo-wrap .mpm-topic-expand {
    transition: transform .2s ease, color .2s ease, background-color .2s ease;
    transform-origin: center;
}

#wpforo #wpforo-wrap .mpm-forum-expand.is-expanded i,
#wpforo #wpforo-wrap .mpm-forum-expand[aria-expanded="true"] i {
    transform: rotate(90deg);
}

#wpforo #wpforo-wrap .mpm-topic-expand.fa-chevron-up {
    transform: rotate(180deg);
}

/* MPM wpForo Edition 1.02 – robust inline SVG bell icon. */
#wpforo #wpforo-wrap #wpforo-title .wpf-unread-posts .mpm-unread-bell {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    vertical-align: middle;
    flex: 0 0 24px;
}

/* MPM wpForo Edition 1.03 – consistent pure-white page header titles and descriptions. */
#wpforo #wpforo-wrap .wpf-head-bar #wpforo-title,
#wpforo #wpforo-wrap .wpf-head-bar #wpforo-title a,
#wpforo #wpforo-wrap .wpf-head-bar #wpforo-description,
#wpforo #wpforo-wrap .wpf-head-bar #wpforo-description p,
#wpforo #wpforo-wrap .wpf-head-bar #wpforo-description a,
#wpforo #wpforo-wrap .wpf-head-bar #wpforo-description span,
#wpforo #wpforo-wrap .wpf-head-bar #wpforo-description strong,
#wpforo #wpforo-wrap .wpf-head-bar #wpforo-description em {
    color: #ffffff !important;
    opacity: 1 !important;
}

#wpforo #wpforo-wrap .wpf-head-bar #wpforo-title {
    font-family: "Cormorant Garamond", serif !important;
    font-weight: 600 !important;
}

#wpforo #wpforo-wrap .wpf-head-bar #wpforo-description {
    margin-top: 6px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}