/* Custom Case Studies Grid Layout - 3 Columns Only */

/* Fix red background on date - Override Elementor styling */
.elementor-17194 .elementor-element.elementor-element-5f6a9e8 .post-meta-item-date > span,
.elementor-17194 .elementor-element.elementor-element-5f6a9e8 .post-meta-item-date a {
    background-color: transparent !important;
}

/* Fix unwanted padding on images - Override theme's case study styling */
@media only screen and (min-width: 992px) {
    .case-study-listing-wrapper.case-study-grid-listing.columns-2 .grid-blog-item-wrapper .post-media-wrapper,
    .case-study-listing-wrapper.case-study-grid-listing.columns-3 .grid-blog-item-wrapper .post-media-wrapper,
    .case-study-listing-wrapper.case-study-grid-listing .standard-blog-item-wrapper .post-media-wrapper {
        padding: 0 !important;
    }
}

/* Force 3 columns layout for case studies */
.case-study-listing-wrapper.case-study-grid-listing {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: -15px !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
}

/* Force 3 columns with equal widths - Only override layout, not styling */
.case-study-listing-wrapper.case-study-grid-listing.columns-3 .standard-blog-item-wrapper,
.case-study-listing-wrapper.case-study-grid-listing .standard-blog-item-wrapper,
.case-study-listing-wrapper.case-study-grid-listing .grid-blog-item-wrapper,
.case-study-listing-wrapper.case-study-grid-listing .grid-item {
    width: calc(33.333% - 30px) !important;
    min-width: calc(33.333% - 30px) !important;
    max-width: calc(33.333% - 30px) !important;
    margin: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 calc(33.333% - 30px) !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
    float: none !important;
}

/* Responsive Design - Only override layout */
@media only screen and (max-width: 991px) {
    .case-study-listing-wrapper.case-study-grid-listing.columns-3 .standard-blog-item-wrapper,
    .case-study-listing-wrapper.case-study-grid-listing .standard-blog-item-wrapper,
    .case-study-listing-wrapper.case-study-grid-listing.columns-3 .grid-blog-item-wrapper,
    .case-study-listing-wrapper.case-study-grid-listing .grid-blog-item-wrapper {
        width: calc(50% - 30px) !important;
        min-width: calc(50% - 30px) !important;
        max-width: calc(50% - 30px) !important;
        flex: 0 0 calc(50% - 30px) !important;
    }
}

@media only screen and (max-width: 576px) {
    .case-study-listing-wrapper.case-study-grid-listing.columns-3 .standard-blog-item-wrapper,
    .case-study-listing-wrapper.case-study-grid-listing .standard-blog-item-wrapper,
    .case-study-listing-wrapper.case-study-grid-listing.columns-3 .grid-blog-item-wrapper,
    .case-study-listing-wrapper.case-study-grid-listing .grid-blog-item-wrapper {
        width: calc(100% - 30px) !important;
        min-width: calc(100% - 30px) !important;
        max-width: calc(100% - 30px) !important;
        flex: 0 0 calc(100% - 30px) !important;
    }
}