/*
 Theme Name: Fluent Community Theme Child
 Theme URI: https://mme-pro.de
 Description: Child theme that exposes FluentCommunity template to posts and custom post types.
 Author: Hamza Hashim
 Template: fluent-community-theme
 Version: 1.0.0
*/

/* Child-specific overrides can go here. Parent styles are enqueued via functions.php */

/* Fix scrolling issue on FluentCommunity Page template */
/* Remove fixed height constraints to allow natural page scrolling */
.fluent_com .feed_layout .fcom_wp_page {
    height: auto !important;
    min-height: calc(100vh - var(--fcom-header-height, 55px));
    overflow-y: visible !important;
    overflow-x: visible !important;
}

/* Ensure the content layout can expand naturally */
.fcom_wp_page .fhr_content_layout_body {
    height: auto !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
}

/* Allow the main content area to flow naturally */
.fcom_wp_page .fcom_single_layout {
    height: auto !important;
    overflow: visible !important;
}

/* Ensure feed layout allows scrolling */
.fluent_com .feed_layout {
    overflow: visible !important;
}

/* Remove duplicate scrollbars from nested containers */
.fluent_com .fhr_content,
.fluent_com #fluent_comminity_body,
.fluent_com .feeds_main,
.fluent_com .fcom_single_layout,
.fluent_com .no_bg_layout {
    overflow: visible !important;
}

/* Make sure body can scroll (only one scrollbar) */
body.page-template-fluentcommunity-template {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

html {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* ===== CENTER CONTENT ===== */

/* Center the nested div containers */
.fhr_content_layout > div > div > div {
    width: 100% !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    align-items: center;
}

/* Center feeds_main */
.fcom_wp_page .feeds_main {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

/* Center the content layout */
.fcom_wp_page .no_bg_layout.fhr_content_layout {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* Center the header layout */
.fcom_wp_page .fhr_content_layout_header {
    width: 100% !important;
}

/* Center the main content area and body */
.fcom_wp_page .el-main.fcom_main .fhr_content_layout_body {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    align-items: center;
}

/* Center the main content area */
.fcom_wp_page .el-main.fcom_main {
    width: 100% !important;
    max-width: 100% !important;
}

/* Center the actual content */
.fcom_wp_page .feed_texts.feed_md_content {
    width: 100% !important;
    max-width: 100% !important;
}