/* =========================================================
   Single « Fouille » (.page-fouilles.single)
   Mise en page has-sidebar : intro pleine largeur, puis
   sidebar + contenu principal. Tout est scopé sous
   .page-fouilles.single pour ne pas déborder sur le reste.
   NB : la page contient plusieurs .container (principal,
   « Autres fouilles », « Champ libre ») → on cible le
   conteneur principal via :has(> .cpt-intro).
   ========================================================= */

.page-fouilles.single {

    /* Fil d'ariane : mutualisé dans indus-core/assets/css/cpt-single-intro.css. */

    /* head commun (.head, .head::before, .cols-wrapper, intro-content padding, .illus)
       → mutualisé dans indus-core/assets/css/cpt-single-intro.css (.cpt-single). */

    .head .intro-content {
        flex-basis: calc(75% - 1rem);
    }

    /* Catégorie (.categorie) + taille du titre H1 : mutualisées dans
       indus-core/assets/css/cpt-single-intro.css (.cpt-single).
       Variante fouille : titre en couleur primaire. */
    .head h1 {
        color: var(--color-primary, #3ee98d);
        font-weight: 700;
        letter-spacing: -.1875rem;
        padding-bottom: .9375rem;
        padding-top: .9375rem;
    }

    /* Filet (hr) : géométrie mutualisée dans
       indus-core/assets/css/cpt-single-intro.css. Variante fouille : couleur. */
    .head .intro-content hr {
        background-color: #F0F0F0;
    }

    .fouille-item:not(:last-child) {
        padding-bottom: 4rem;
        margin-bottom: 2rem;
        border-bottom: 2px solid #F0F0F0;
    }

    .title-section-2 {
        font-family: var(--font-general);
        margin-bottom: 2rem;
    }

    .description .module.padding-top-small {
        padding-top: 2.25rem;
    }

    .module.padding-top-small {
        padding-top: 0;
    }

    .notice .btn {
        display: flex;
        column-gap: .5rem;
        width: fit-content;
        align-items: center;
    }

    .notice .btn .icon {
        width: 1.5rem;
    }

    .fouilles-related {
        margin-top: 3rem;
    }

    .fouilles-related>.title {
        margin-bottom: 1.5rem;
    }

    .module-news-slider .slider-navigation.prev,
    .module-logos-slider .slider-navigation.prev {
        left: -3.5rem;
    }

    .module-news-slider .slider-navigation.next,
    .module-logos-slider .slider-navigation.next {
        right: -3.5rem;
    }

    /* Champ libre en bas de la page single */
    .champ-libre {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .page-fouilles.single.has-sidebar .container:has(> .cpt-intro) {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 340px;
        column-gap: 2.5rem;
        row-gap: 2rem;
        align-items: start;
    }

    .page-fouilles.single.has-sidebar .container:has(> .cpt-intro)>.cpt-intro {
        grid-column: 1 / 3;
    }

    .page-fouilles.single.has-sidebar .container:has(> .cpt-intro)>.cpt-sidebar {
        grid-row: 2 / span 2;
    }
}

@media (max-width: 768px) {
    .page-fouilles.single .cpt-intro .head .cols-wrapper {
        flex-direction: column;
    }

    .page-fouilles.single .cpt-intro .head .illus-wrapper {
        flex-basis: auto;
    }
}

/* Flèches des carousels (galerie / images-slider / logos) : même ASPECT que le
   slider d'activités → glyphes ← → en couleur primaire (à la place du chevron
   dessiné en bordure par le thème). L'écartement/positionnement reste géré
   ailleurs (non modifié ici). */
.page-fouilles.single .slider-navigation.prev::before,
.page-fouilles.single .slider-navigation.next::before {
    border: none;
    width: auto;
    height: auto;
    transform: none;
    font-weight: 300;
    font-size: 2.25rem;
    line-height: 1;
    color: var(--color-primary);
    transition: color .3s ease;
}

.page-fouilles.single .slider-navigation.prev::before {
    content: "\2190";
}

.page-fouilles.single .slider-navigation.next::before {
    content: "\2192";
}