/* === LAYOUT PRINCIPAL === */
.bloc-plan-du-site {width: 100%;}
.sitemap-inner {display: flex; flex-direction: column; gap: 4rem;}
.sitemap-titre {font-size: clamp(2.4rem, 3vw, 3.6rem); font-weight: 800; margin: 0; text-transform: uppercase; letter-spacing: .04em;}

/* === GRILLE === */
.sitemap-grille {display: grid; grid-template-columns: 1fr; gap: 3rem;}

/* === COLONNE === */
.sitemap-col-titre {font-size: 1.6rem; font-weight: 700; margin: 0 0 1.4rem; padding-bottom: .8rem; border-bottom: 2px solid var(--couleur-cta); color: var(--couleur-texte); text-transform: uppercase; letter-spacing: .04em;}

/* === LISTE === */
.sitemap-liste {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .1rem;}
.sitemap-item {border-bottom: 1px solid rgba(0,0,0,.06);}
.sitemap-item:last-child {border-bottom: none;}
.sitemap-lien {display: flex; align-items: center; gap: .6rem; padding: .6rem 0; font-size: 1.3rem; color: var(--couleur-texte); text-decoration: none; transition: color 150ms ease, padding-left 150ms ease;}
.sitemap-lien::before {content: '—'; color: var(--couleur-cta); font-size: 1rem; flex-shrink: 0; transition: margin-right 150ms ease;}
.sitemap-lien:hover {color: var(--couleur-cta); padding-left: .4rem;}

/* === TABLETTE === */
@media (min-width: 600px) {
    .sitemap-grille {grid-template-columns: repeat(2, 1fr);}
}

/* === DESKTOP === */
@media (min-width: 1025px) {
    .sitemap-grille {grid-template-columns: repeat(3, 1fr); gap: 4rem;}
    .sitemap-lien {font-size: 1.4rem; padding: .7rem 0;}
}

@media (min-width: 1400px) {
    .sitemap-grille {grid-template-columns: repeat(4, 1fr);}
}