/* CHROME CMS ÉDITABLE (blocs nav/footer rendus depuis le BO via site_block) ****
   Le contenu est du markdown rendu en HTML : on neutralise les marges des
   paragraphes/listes et on style les liens pour qu'un simple « [Lien](/url) »
   ressemble au chrome natif (liens discrets, disposition en ligne). */
.cms-chrome > :last-child { margin-bottom: 0; }
.cms-chrome p { margin: 0; }
.cms-chrome ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .75rem; }
.cms-chrome-nav { display: flex; align-items: center; gap: .75rem; }
.cms-chrome-footer a,
.cms-chrome-nav a { text-decoration: none; }
.cms-chrome-footer a { color: var(--bs-secondary-color, #6c757d); }
.cms-chrome-footer a:hover,
.cms-chrome-nav a:hover { text-decoration: underline; }

/* SKIP LINK **************************************************************** */

/*body.plop {*/
/*    position: relative;*/
/*}*/


body {
    zoom: 1;
}

.skip-link {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translate(-50%, -200%);
    transition: all 0.1s;
    z-index: 1;

    &:focus {
        transform: translate(-50%, 0%);
    }
}

/* ************************************************************************** */

body > .navbar  > div > .navbar-brand .ph {
    padding: 6px 6px 8px 10px;
    border-radius: 6px;
    background-color: #000000;
    font-weight: bold;
}

body > .navbar  > div > .navbar-brand .ph span {
    padding: 0 6px 2px 6px;
    background-color: #0D6EFD;
    color: #000000;
    border-radius: 4px;
    font-weight: bold;
}

.breadcrumb {
    position: relative;
    z-index: 2;
}

.breadcrumb-item+.breadcrumb-item::before {
    opacity: .65;
}