/**
 * Divi Blog Category Addon Styles
 * Custom flexbox grid for reliable layout
 */

/* Flexbox grid container */
.dbca_flex_grid {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Post card - flex item */
.dbca_post_card {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* Column layouts */
.dbca_columns_1 .dbca_post_card {
    width: 100% !important;
}

.dbca_columns_2 .dbca_post_card {
    width: 50% !important;
}

.dbca_columns_3 .dbca_post_card {
    width: 33.33333% !important;
}

.dbca_columns_4 .dbca_post_card {
    width: 25% !important;
}

/* Thumbnail divs with exact sizing */
.dbca_post_card .et_pb_image_thumb,
.dbca_post_card .et_pb_placeholder {
    display: block !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    max-width: 400px !important;
    height: 250px !important;
    flex-shrink: 0 !important;
}

/* Image container */
.dbca_post_card .et_pb_image_container {
    width: 100% !important;
    max-width: 400px !important;
    height: 250px !important;
    overflow: hidden !important;
    display: block !important;
    margin-bottom: 15px !important;
}

/* Gutter spacing - Level 1 (smallest) */
.et_pb_gutters1 .dbca_post_card {
    padding: 7.5px !important;
}

.et_pb_gutters1 .dbca_flex_grid {
    margin: -7.5px !important;
}

/* Gutter spacing - Level 2 */
.et_pb_gutters2 .dbca_post_card {
    padding: 15px !important;
}

.et_pb_gutters2 .dbca_flex_grid {
    margin: -15px !important;
}

/* Gutter spacing - Level 3 (default) */
.et_pb_gutters3 .dbca_post_card {
    padding: 22.5px !important;
}

.et_pb_gutters3 .dbca_flex_grid {
    margin: -22.5px !important;
}

/* Gutter spacing - Level 4 (largest) */
.et_pb_gutters4 .dbca_post_card {
    padding: 30px !important;
}

.et_pb_gutters4 .dbca_flex_grid {
    margin: -30px !important;
}

/* Post content styling */
.dbca_post_card .entry-title {
    margin-top: 0 !important;
}

.dbca_post_card .post-content {
    flex: 1 !important;
}

/* Responsive breakpoints */
@media (max-width: 980px) {
    .dbca_columns_3 .dbca_post_card,
    .dbca_columns_4 .dbca_post_card {
        width: 50% !important;
    }
}

@media (max-width: 767px) {
    .dbca_columns_2 .dbca_post_card,
    .dbca_columns_3 .dbca_post_card,
    .dbca_columns_4 .dbca_post_card {
        width: 100% !important;
    }
}