/* =========================================================
   HOMEPAGE
========================================================= */

.mdcf-homepage__content {
    padding-top: var(--mdcf-space-2xl);
    padding-bottom: var(--mdcf-space-3xl);
}

.mdcf-home-news {
    padding: var(--mdcf-space-4xl) 0 var(--mdcf-space-5xl);
}

.mdcf-home-news__header {
    margin-bottom: 28px;
}

.mdcf-home-news__title {
    margin: 0;
    color: var(--mdcf-color-primary);
}

.mdcf-home-news__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--mdcf-space-xl);
}

.mdcf-home-news-card__link {
    box-shadow: var(--mdcf-shadow-card);
}

.mdcf-home-news-card__link:hover,
.mdcf-home-news-card__link:focus {
    box-shadow: var(--mdcf-shadow-card-hover);
}

.mdcf-home-news-card__thumb img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.mdcf-home-news-card__content {
    padding: 18px;
}

.mdcf-home-news-card__date {
    display: inline-block;
    margin-bottom: var(--mdcf-space-xs);
    color: var(--mdcf-color-secondary);
}

.mdcf-home-news-card__title {
    margin: 0;
    color: var(--mdcf-color-primary);
    line-height: 1.3;
}
/* =========================================================
   Domaine - liste des formations
========================================================= */
.mdcf-domain-formations-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}


/* =========================================================
   Responsive
========================================================= */

@media (max-width: 1024px) {
    .mdcf-domain-formations-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .mdcf-domain-formation-row__link {
        flex-direction: column;
        align-items: stretch;
    }

    .mdcf-domain-formation-row__meta {
        justify-content: flex-start;
        max-width: none;
    }
}

/* =========================================================
   SINGLE FORMATION
========================================================= */

.mdcf-single-formation__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--mdcf-sidebar-width);
    gap: var(--mdcf-space-2xl);
    align-items: start;
}

.mdcf-single-formation__main {
    min-width: 0;
}

.mdcf-single-formation__sidebar {
    align-self: start;
    position: sticky;
    top: 120px;
}

.mdcf-single-formation__sidebar-sticky {
    position: sticky;
    top: 110px;
    display: flex;
    flex-direction: column;
    gap: var(--mdcf-space-lg);
}

/* =========================================================
   SOLUTIONS
========================================================= */

.page-nos-solutions .solutions-grid,
.single-solution .formations-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--mdcf-space-xl);
}

.solution-card__thumbnail,
.solution-single__thumbnail {
    margin-bottom: var(--mdcf-space-xl);
}

.solution-single__header,
.page-nos-solutions .page-header {
    margin-bottom: var(--mdcf-space-3xl);
}

.solution-single__subtitle {
    margin-top: 10px;
    font-size: 1.1rem;
    opacity: 0.8;
}

.solution-single__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mdcf-space-md);
    margin-top: var(--mdcf-space-xl);
}

.solution-single__benefits {
    margin: var(--mdcf-space-2xl) 0;
}

.solution-single__content {
    margin: var(--mdcf-space-3xl) 0;
}

/* =========================================================
   CATALOGUES
========================================================= */

.mdcf-catalogue-single__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(var(--mdcf-content-medium), var(--mdcf-content-narrow));
    gap: var(--mdcf-space-3xl);
    align-items: start;
    margin: var(--mdcf-space-3xl) 0;
}

.mdcf-catalogue-single__header {
    margin-bottom: var(--mdcf-space-xl);
}

.mdcf-catalogue-single__accroche {
    margin-top: var(--mdcf-space-sm);
    font-size: 1.1rem;
}

.mdcf-catalogue-single__form-block {
    padding: var(--mdcf-space-xl);
    background: var(--mdcf-color-bg-soft);
    border: 1px solid var(--mdcf-color-border);
    border-radius: var(--mdcf-radius-md);
}

/* =========================================================
   RESSOURCES
========================================================= */

.mdcf-ressource-single__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(var(--mdcf-content-medium), var(--mdcf-content-narrow));
    gap: var(--mdcf-space-3xl);
    align-items: start;
    margin: var(--mdcf-space-3xl) 0;
}

.mdcf-ressource-single__form-block {
    padding: var(--mdcf-space-xl);
    background: var(--mdcf-color-bg-soft);
    border: 1px solid var(--mdcf-color-border);
    border-radius: var(--mdcf-radius-md);
}

.mdcf-ressource-single__header {
    margin-bottom: var(--mdcf-space-xl);
}

.mdcf-ressource-single__accroche {
    margin-top: var(--mdcf-space-sm);
    font-size: 1.1rem;
}

.mdcf-ressource-single__date {
    margin-top: 10px;
    opacity: 0.8;
}

.mdcf-ressource-single__section {
    margin-top: var(--mdcf-space-3xl);
}

/* =========================================================
   RESPONSIVE PAGES
========================================================= */

@media (max-width: 1024px) {
    .mdcf-home-news__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 921px) {
    .mdcf-reglementation-grid,
    .page-nos-solutions .solutions-grid,
    .single-solution .formations-grid,
    .mdcf-single-formation__layout,
    .mdcf-catalogue-single__top,
    .mdcf-ressource-single__top {
        grid-template-columns: 1fr;
    }

    .mdcf-catalogues-grid,
    .mdcf-ressources-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mdcf-single-formation__sidebar,
    .mdcf-single-formation__sidebar-sticky {
        position: static;
        top: auto;
    }

    .mdcf-single-formation__sidebar {
        order: -1;
    }
}

@media (max-width: 640px) {
    .mdcf-home-news__grid {
        grid-template-columns: 1fr;
    }
}