/**
 * Shared: Case Studies Section
 *
 * Shared styles for the .development-case-studies block used inside
 * the development-models and main-service-lineup components.
 *
 * @package RIKAI_Marketing
 */

.development-case-studies {
    background-color: #ffffff;
    padding: 30px 20px 20px;
}

.development-case-studies-content {
    background-color: var(--secondary-color-lightest);
    border-radius: 10px;
    padding: 30px 20px 20px;
}

.development-case-studies-content .case-studies-title {
    text-align: left;
}

.development-case-studies-content .case-study-feature-image {
    min-height: 200px;
}

/* Always show as grid — no scroll at any breakpoint */
.development-case-studies .case-studies-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    overflow: visible;
    flex-wrap: unset;
    cursor: default;
}

.development-case-studies .case-study-card {
    min-width: unset;
    flex: unset;
    scroll-snap-align: unset;
    border-bottom: 2px solid var(--primary-border-color);
}

@media (max-width: 991px) {
    .development-case-studies .case-study-card {
        padding: 0px 15px 15px;
    }
}

@media (max-width: 768px) {
    .development-case-studies .case-studies-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }
}