/* ---------- SECTION ---------- */

.archetype-section{

    max-width:1100px;
    margin: auto;

}


/* ---------- LISTE ---------- */

.archetype-list{

    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:14px;

}

/* ---------- BOUTONS ---------- */

.archetype-list a{

    display:flex;
    align-items:center;
    gap:8px;

    padding:11px 20px;

    color:#8E6A2A;

    text-decoration:none;

    font-size:.95rem;
    font-weight:600;

    border-radius:999px;

    background:linear-gradient(
        180deg,
        #FFFDF8 0%,
        #F8F2E7 100%
    );

    border:1px solid #E5D4B0;

    transition:all .25s ease;

}

/* ---------- HOVER ---------- */

.archetype-list a:hover{

    color:#fff;

    background:linear-gradient(
        180deg,
        #D8B05D 0%,
        #B88932 100%
    );

    border-color:#B88932;

    transform:translateY(-2px);

    box-shadow:
        0 8px 20px rgba(184,137,50,.25);

}

.archetype-list a:hover::before{

    background:#fff;

}

/* ---------- MOBILE ---------- */

@media(max-width:768px){

    .archetype-section{

        margin:50px 15px;

    }

}



/* PAGE MAITRES ASCENSIONNES */
/* ===========================
   BREADCRUMB
=========================== */

.breadcrumb{

    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;

    margin-bottom:45px;

    font-size:.95rem;

}

.breadcrumb a{

    color:#7b756d;

    text-decoration:none;

    transition:.25s;

}

.breadcrumb a:hover{

    color:#6f3fd4;

}

.breadcrumb .separator{

    color:#ccb98a;

    font-size:1rem;

}

.breadcrumb .current{

    color:#3c3157;

    font-weight:600;

}