/* Full-width styles for forum */
html, body {
    width: 100%;
    height: 100%;
    max-width: 100vw;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* Ensure the container uses full width */
.container-fluid {
    width: 100%;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

/* Forum specific full-width */
.forum-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Ensure categories use full width */
.categories-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Make sure headers use full width */
.forum-header {
    width: 100%;
    box-sizing: border-box;
}

/* Ensure content sections use full width */
.forum-content {
    width: 100%;
    box-sizing: border-box;
}

/* Make sure post lists use full width */
.posts-container {
    width: 100%;
    box-sizing: border-box;
}

/* Ensure card elements expand properly */
.card {
    width: 100%;
    box-sizing: border-box;
}

/* Make nav bar use full width */
.nav-container {
    width: 100%;
    box-sizing: border-box;
}

/* Header area full width */
.header-area {
    width: 100%;
    box-sizing: border-box;
}

/* Viewport height considerations */
.main-content-wrapper {
    min-height: calc(100vh - 120px); /* Account for header and footer */
}

/* Ensure forms use full width */
form {
    width: 100%;
    box-sizing: border-box;
}

/* Make inputs use available width */
input, select, textarea {
    width: 100%;
    box-sizing: border-box;
}

/* Button sizes for easier tapping on mobile */
button, .btn {
    min-height: 44px;
    min-width: 44px;
}