:root {
    --icone-loupe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E");
    --appbar-h: 56px;
    --onglets-h: 60px;
    --safe-bas: env(safe-area-inset-bottom, 0px);
    --safe-haut: env(safe-area-inset-top, 0px);
}

.appbar { display: none; }
.onglets { display: none; }

.carte-actions { display: none; }
.carte-raccourci { display: none; }

@media (max-width: 991.98px) {

.site-navbar { display: none !important; }

.appbar {
    display: flex;
    align-items: center;
    gap: .25rem;
    position: sticky;
    top: 0;
    z-index: 1030;
    height: calc(var(--appbar-h) + var(--safe-haut));
    padding: var(--safe-haut) .5rem 0;
    background: var(--blue-deep);
    color: #fff;
    
    box-shadow: 0 1px 12px rgba(0, 0, 0, .18);
}

.appbar__marque {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 1.15rem;
    color: #fff;
    text-decoration: none;
    padding-left: .5rem;
}

.appbar__titre {
    font-family: var(--font-heading);
    font-size: 1.02rem;
    font-weight: 600;
    margin: 0;
    color: #fff;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1 1 auto;
}

.appbar__actions {
    display: flex;
    align-items: center;
    gap: .15rem;
    margin-left: auto;
    flex-shrink: 0;
}

.appbar__bouton {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    padding: 0;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
}
.appbar__bouton:active { background: rgba(255, 255, 255, .16); }
.appbar__bouton svg { width: 23px; height: 23px; }

.appbar__bouton .icone-lune { display: block; }
.appbar__bouton .icone-soleil { display: none; }
:root[data-theme="sombre"] .appbar__bouton .icone-lune { display: none; }
:root[data-theme="sombre"] .appbar__bouton .icone-soleil { display: block; }

.appbar__pastille {
    position: absolute;
    top: 6px;
    right: 5px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 9px;
    background: var(--accent);
    color: #fff;
    font-size: .65rem;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    box-shadow: 0 0 0 2px var(--blue-deep);
}

.onglets {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1035;
    height: calc(var(--onglets-h) + var(--safe-bas));
    padding-bottom: var(--safe-bas);
    background: var(--surface);
    border-top: 1px solid var(--border);
    
    backdrop-filter: saturate(180%) blur(12px);
    -webkit-backdrop-filter: saturate(180%) blur(12px);
}

.onglets__lien {
    position: relative;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    text-decoration: none;
    color: var(--muted);
    font-size: .66rem;
    font-weight: 600;
    letter-spacing: .01em;
    -webkit-tap-highlight-color: transparent;
    min-width: 0;
}
.onglets__lien.est-actif { color: var(--blue); }
.onglets__lien:active { color: var(--blue); }

.onglets__icone svg { width: 24px; height: 24px; display: block; }

.onglets__libelle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.onglets__lien.est-actif::before {
    content: '';
    position: absolute;
    top: 0;
    left: 22%;
    right: 22%;
    height: 3px;
    border-radius: 0 0 3px 3px;
    background: var(--blue);
}

.onglets__lien--creer { justify-content: flex-end; padding-bottom: 6px; }

.onglets__lien--creer::before,
.onglets__lien--creer.est-actif::before { content: none !important; }

.onglets__bulle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-top: -22px;
    margin-bottom: 2px;
    border-radius: 50%;
    
    background: linear-gradient(140deg, var(--ride) 0%, var(--ride-encre) 100%);
    color: #fff;
    box-shadow: 0 6px 18px rgba(15, 118, 196, .5);
    border: 3px solid var(--surface);
}
.onglets__bulle svg { width: 26px; height: 26px; }
.onglets__lien--creer.est-actif .onglets__bulle { filter: brightness(.92); }

.onglets__pastille {
    position: absolute;
    top: 4px;
    left: 55%;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 9px;
    background: var(--accent);
    color: #fff;
    font-size: .64rem;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
}

body.a-onglets {
    padding-bottom: calc(var(--onglets-h) + var(--safe-bas));
}

:root, body { --navbar-height: var(--appbar-h); }

.add-spot-form .btn[type="submit"] {
    bottom: calc(var(--onglets-h) + var(--safe-bas) + .75rem);
}

body {
    font-size: 15px;
    
    overscroll-behavior-y: none;
}

input, select, textarea, .form-control, .form-select {
    font-size: 16px !important;
}
.form-control, .form-select {
    min-height: 48px;
    border-radius: 12px;
    padding-inline: .85rem;
}
textarea.form-control { min-height: 96px; }
.form-label { font-weight: 600; font-size: .92rem; margin-bottom: .3rem; }
.form-text { font-size: .82rem; }

.form-range { height: 2rem; }
.form-range::-webkit-slider-thumb { width: 26px; height: 26px; margin-top: -10px; }
.form-range::-moz-range-thumb { width: 26px; height: 26px; }
.form-range::-webkit-slider-runnable-track { height: 6px; }
.form-range::-moz-range-track { height: 6px; }

.form-check { min-height: 34px; padding-left: 2.1rem; }
.form-check-input { width: 1.35rem; height: 1.35rem; margin-left: -2.1rem; margin-top: .1rem; }
.form-check-label { padding-top: .12rem; }

.btn {
    min-height: 46px;
    border-radius: 12px;
    font-weight: 600;
    padding-inline: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}
.btn-sm { min-height: 40px; border-radius: 10px; font-size: .88rem; }
.btn-lg { min-height: 54px; font-size: 1.05rem; }

.btn-link { min-height: 0; }

.container, .container-fluid, .container-xxl { padding-inline: 1rem; }

h1, .h1 { font-size: 1.5rem; }
h2, .h2 { font-size: 1.28rem; }
h3, .h3 { font-size: 1.14rem; }
.h4 { font-size: 1.1rem; }
.h5 { font-size: 1rem; }
.h6 { font-size: .94rem; }

.page-card {
    border-radius: 16px;
    border: 1px solid var(--border);
    box-shadow: 0 1px 2px var(--ombre);
}

.titre-double {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.actions-mobile {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
}
.actions-mobile > .btn,
.actions-mobile > form,
.actions-mobile > form > .btn { width: 100%; }
.actions-mobile > .actions-mobile__large { grid-column: 1 / -1; }

body.mobile-carte .hero { display: none; }

body.mobile-carte .map-page {
    position: fixed;
    top: calc(var(--appbar-h) + var(--safe-haut));
    left: 0;
    right: 0;
    bottom: calc(var(--onglets-h) + var(--safe-bas));
    height: auto;
    margin: 0;
}
body.mobile-carte #map { height: 100%; width: 100%; }
body.mobile-carte .site-footer,
body.mobile-carte .bande-communaute,
body.mobile-carte .bande-contribuer { display: none; }
body.mobile-carte { padding-bottom: 0; overflow: hidden; }

.sans-mobile { display: none !important; }

.carte-recherche {
    position: absolute;
    top: .6rem;
    left: .6rem;
    right: .6rem;
    z-index: 500;
}
.carte-recherche .form-control {
    border-radius: 999px;
    border: none;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .18);
    padding-left: 1.1rem;
    background: var(--surface);
}

.carte-outils {
    position: absolute;
    right: .6rem;
    bottom: .8rem;
    z-index: 500;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.carte-outil {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: none;
    background: var(--surface);
    color: var(--blue-deep);
    box-shadow: 0 3px 14px rgba(0, 0, 0, .2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.carte-outil svg { width: 22px; height: 22px; }
.carte-outil.est-actif { background: var(--blue); color: #fff; }

.carte-actions {
    position: absolute;
    top: .6rem;
    left: .6rem;
    
    right: .6rem;
    z-index: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .4rem;
    
    pointer-events: none;
}
.carte-actions > * { pointer-events: auto; }

.carte-raccourci {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 44px;
    padding: 0 .95rem 0 .75rem;
    border-radius: 999px;
    background: var(--surface);
    
    color: var(--titre);
    font-size: .88rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .2);
    
    border: 0;
    font-family: inherit;
    -webkit-appearance: none;
    appearance: none;
}
.carte-raccourci svg { width: 20px; height: 20px; flex-shrink: 0; }
.carte-raccourci:active { background: var(--surface-2); }

.carte-raccourci--sortie { display: none; }
:root[data-appli] .carte-raccourci--sortie {
    display: inline-flex;
    background: var(--action);
    color: #fff;
}
:root[data-appli] .carte-raccourci--sortie:active { background: var(--appui); }

body.chrono-en-cours .carte-raccourci,
body.en-trace .carte-raccourci { display: none; }

.leaflet-control-zoom { display: none !important; }

.leaflet-control-attribution {
    font-size: .62rem;
    max-width: 62vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(var(--onglets-h) + var(--safe-bas));
    z-index: 1020;
    max-height: 78vh;
    background: var(--surface);
    border-radius: 20px 20px 0 0;
    border: 1px solid var(--border);
    border-bottom: none;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, .18);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    
    transform: translateY(calc(100% - var(--sheet-hauteur-poignee, 62px)));
    transition: transform .28s cubic-bezier(.32, .72, 0, 1);
}
.sidebar.est-ouvert { transform: translateY(0); }

.sheet-poignee {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    border: none;
    background: none;
    padding: 1rem .9rem .7rem;
    color: var(--text);
    font-size: .9rem;
    font-weight: 600;
    text-align: left;
    flex-shrink: 0;
}

.sheet-poignee__barre {
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 4px;
    border-radius: 2px;
    background: var(--border);
}
.sheet-poignee::before {
    content: '';
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background: currentColor;
    opacity: .55;
    
    -webkit-mask: var(--icone-loupe) center / contain no-repeat;
    mask: var(--icone-loupe) center / contain no-repeat;
}

.sheet-poignee__texte {
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
    max-width: calc(50% + 3.5rem);
}

.sidebar__contenu {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 1rem 1.25rem;
}

.rail {
    display: flex;
    gap: .5rem;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    padding-bottom: .35rem;
    
    margin-inline: -1rem;
    padding-inline: 1rem;
    scrollbar-width: none;
}
.rail::-webkit-scrollbar { display: none; }
.rail > * { scroll-snap-align: start; flex: 0 0 auto; }

.barre-action {
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(var(--onglets-h) + var(--safe-bas));
    z-index: 1025;
    display: flex;
    gap: .5rem;
    padding: .6rem .85rem;
    background: var(--surface);
    border-top: 1px solid var(--border);
    box-shadow: 0 -4px 18px rgba(0, 0, 0, .1);
}
.barre-action .btn { flex: 1 1 auto; }
.barre-action .btn--secondaire { flex: 0 0 auto; width: 52px; padding: 0; }

.avec-barre-action { padding-bottom: 76px; }

.admin-card { padding: .7rem .6rem !important; border-radius: 14px; }
.admin-card__value { font-size: 1.45rem !important; }
.admin-card__label { font-size: .72rem !important; }

.carte-parcours { border-radius: 16px; }
.carte-parcours__apercu { height: 130px; }
.carte-parcours__chiffres {
    display: flex;
    gap: 1rem;
    font-size: .92rem;
}

.carte-parcours__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .45rem;
    margin-top: .6rem;
}
.carte-parcours__actions > .btn-demarrer { grid-column: 1 / -1; }
.carte-parcours__actions > form { margin: 0; }
.carte-parcours__actions > form > .btn { width: 100%; }

.vue-parcours__carte { height: 46vh; min-height: 260px; }

.vue-parcours__chiffres { grid-template-columns: 1fr 1fr; gap: .5rem; }
.vue-parcours__chiffre { padding: .6rem .4rem; }
.vue-parcours__valeur { font-size: 1.35rem; }
.vue-parcours__libelle { font-size: .7rem; }

.vue-parcours__actions {
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(var(--onglets-h) + var(--safe-bas));
    z-index: 1025;
    display: flex;
    flex-wrap: nowrap !important;
    gap: .5rem;
    padding: .6rem .85rem calc(.6rem + 22px);
    background: var(--surface);
    border-top: 1px solid var(--border);
    box-shadow: 0 -4px 18px rgba(0, 0, 0, .1);
}
.vue-parcours__actions > .btn { flex: 1 1 0; }

.vue-parcours__actions > .btn:not(.btn-demarrer) { flex: 0 0 auto; }

.fiche-entete { border-radius: 0 0 20px 20px; }
.lieu-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.lieu-actions > .actions-mobile__large { grid-column: 1 / -1; }

.table-fiche, .table-fiche tbody, .table-fiche tr, .table-fiche th, .table-fiche td {
    display: block;
    width: 100%;
}
.table-fiche tr {
    padding: .55rem 0;
    border-bottom: 1px solid var(--border);
}
.table-fiche tr:last-child { border-bottom: none; }
.table-fiche th {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--muted);
    font-weight: 600;
    padding: 0 0 .15rem;
    border: none;
}
.table-fiche td { padding: 0; border: none; font-size: .95rem; }

.messagerie { display: block; }
.messagerie__liste { display: block; border: none; }
.messagerie__fil { display: none; }
.messagerie.est-ouverte .messagerie__liste { display: none; }
.messagerie.est-ouverte .messagerie__fil { display: flex; flex-direction: column; }

body.mobile-conversation .note-vie-privee,
body.mobile-conversation .messagerie-trouver,
body.mobile-conversation .site-footer { display: none; }

body.mobile-conversation .container { padding-top: 0 !important; }

body.mobile-conversation .messagerie__fil {
    height: calc(100dvh - var(--appbar-h) - var(--safe-haut)
                 - var(--onglets-h) - var(--safe-bas) - 1.5rem);
}
body.mobile-conversation .messagerie__fil { max-height: none; }
body.mobile-conversation .fil__messages { flex: 1 1 auto; min-height: 0; overflow-y: auto; }

body.mobile-conversation .fil__entete .d-lg-none { display: none !important; }

.reglages { display: block; }
.reglages__menu {
    display: flex;
    gap: .4rem;
    overflow-x: auto;
    margin-inline: -1rem;
    padding: 0 1rem .6rem;
    border: none;
    scrollbar-width: none;
}
.reglages__menu::-webkit-scrollbar { display: none; }
.reglages__lien {
    flex: 0 0 auto;
    padding: .5rem .95rem;
    border-radius: 999px;
    background: var(--surface-2);
    color: var(--text);
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}
.reglages__lien.est-actif { background: var(--blue); color: #fff; }

.rail-mobile {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-inline: -1rem;
    padding-inline: 1rem;
    padding-bottom: .3rem;
}
.rail-mobile::-webkit-scrollbar { display: none; }
.rail-mobile > * { flex: 0 0 auto; }

main .py-5 { padding-top: 1rem !important; padding-bottom: 1.25rem !important; }
main .py-4 { padding-top: .85rem !important; padding-bottom: 1rem !important; }
.page-card.p-4 { padding: 1rem !important; }

.profil-carte__haut { flex-wrap: nowrap !important; align-items: flex-start !important; }
.profil-carte__haut > .avatar { width: 64px !important; height: 64px !important; }
.profil-carte__haut .progress { height: 6px; }

.profil-banniere { height: calc(var(--banniere-h, 150px) * .8); }
.profil-entete__corps { margin-top: -38px; padding: 1rem !important; }
.profil-entete__corps > .avatar { width: 76px !important; height: 76px !important; }
.profil-entete__corps > .flex-fill,
.profil-entete__corps > .text-end { margin-top: 0; width: 100%; }

.stats-mobile {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
}

.mur-badges {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .6rem .4rem;
}
.badge-case { font-size: .72rem; }
.badge-case__aide { display: none; }
.badge-case__titre {
    font-size: .72rem;
    line-height: 1.2;
    
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.badge-case .badge-icone {
    --badge-taille: 54px;
}

.badge-case[data-bulle]::after {
    position: fixed;
    bottom: calc(var(--onglets-h) + var(--safe-bas) + .6rem);
    left: .8rem;
    right: .8rem;
    top: auto;
    transform: none;
    width: auto;
    max-width: none;
    text-align: center;
    z-index: 1040;
}
.badge-case[data-bulle]::before { content: none; }

.chrono {
    position: fixed;
    left: .6rem;
    right: .6rem;
    bottom: calc(var(--onglets-h) + var(--safe-bas) + .6rem);
    z-index: 1028;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .25);
}
.chrono__valeur { font-size: 2rem; }

#modal-chrono .modal-dialog { margin: 0; max-width: 100%; min-height: 100%; }
#modal-chrono .modal-content { min-height: 100vh; border-radius: 0; border: none; }
#modal-chrono .chrono__valeur { font-size: 2.4rem; }

.createur {
    height: calc(100dvh - var(--appbar-h) - var(--safe-haut)
                 - var(--onglets-h) - var(--safe-bas));
}

.createur__barre {
    
    bottom: 1.9rem;
    z-index: 1000;
}

.createur__panneau {
    display: block;
    position: absolute;
    top: .6rem;
    left: .6rem;
    right: .6rem;
    z-index: 1000;
    width: auto;
    max-width: none;
    height: auto;
    padding: 0;
    border: none;
    background: none;
    overflow: visible;
}
.createur__entete { display: none; }
.createur__corps { padding: 0; overflow: visible; }

.createur__corps > .createur__bloc:first-child {
    background: var(--surface);
    border: none;
    border-radius: 14px;
    padding: .5rem;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .2);
    margin: 0;
}
.createur__corps > .createur__bloc:first-child .form-label { display: none; }
.createur__corps > .createur__bloc:first-child .input-group { margin-bottom: .4rem !important; }

.createur__corps > .createur__bloc:nth-child(2),
.createur__corps > .createur__bloc--fin { display: none; }

.createur__corps > .createur__bloc:nth-child(3) { display: contents; }
.createur__corps > .createur__bloc:nth-child(3) > .d-grid { display: none !important; }

#cp-parkings-resultat {
    position: absolute;
    left: .6rem;
    right: .6rem;
    bottom: 12.8rem;
    z-index: 1000;
    max-height: 30vh;
    overflow-y: auto;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: .7rem .8rem;
    box-shadow: 0 6px 22px rgba(0, 0, 0, .2);
    margin: 0 !important;
}

.createur__consigne { top: 9.4rem; }

.site-footer { padding-bottom: 1.5rem !important; }
.site-footer__liens { font-size: .88rem; }

.modal-dialog-centered { align-items: flex-end; min-height: 100%; margin: 0; }
.modal-dialog-centered .modal-content {
    border-radius: 20px 20px 0 0;
    border: none;
    padding-bottom: var(--safe-bas);
}
.modal-header { padding: 1rem 1.1rem .5rem; }
.modal-body { padding: .5rem 1.1rem 1rem; }
.modal-footer { padding: .5rem 1.1rem 1rem; gap: .5rem; }
.modal-footer > .btn { flex: 1 1 auto; margin: 0; }

.table-responsive-mobile { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.table-fiche tr {
    display: grid;
    grid-template-columns: minmax(5.5rem, 38%) 1fr;
    gap: .15rem .7rem;
    align-items: baseline;
    padding: .45rem 0;
}
.table-fiche th {
    font-size: .72rem;
    padding: 0;
    
    overflow-wrap: anywhere;
}
.table-fiche td { line-height: 1.45; overflow-wrap: anywhere; }

.fiche-moderation > summary {
    cursor: pointer;
    list-style: none;
}
.fiche-moderation > summary::-webkit-details-marker { display: none; }
.fiche-moderation > summary::after {
    content: ' ▾';
    color: var(--muted);
}
.fiche-moderation[open] > summary::after { content: ' ▴'; }

.page-card h3.h6 { margin-top: 1.6rem; }
.page-card h3.h6:first-child { margin-top: 0; }

.signature-fiche { font-size: .78rem; line-height: 1.5; margin-bottom: .6rem; }

.lien-carte-fiche .btn {
    border: none;
    padding: 0;
    font-size: .85rem;
    text-decoration: underline;
}

}   

@media (max-width: 359.98px) {
    .onglets__libelle { font-size: .6rem; }
    .onglets__bulle { width: 46px; height: 46px; }
    h1, .h1 { font-size: 1.32rem; }
    .actions-mobile { grid-template-columns: 1fr; }
    .mur-badges { grid-template-columns: repeat(2, 1fr); }
}

.sans-bureau { display: none; }

@media (max-width: 991.98px) {
    .sans-bureau { display: block; }
    
    a.btn.sans-bureau, button.sans-bureau { display: inline-flex; }
}

.appbar__marque { display: inline-flex; align-items: center; gap: .45rem; }
.appbar__signe { height: 22px; width: auto; }

.sortie-bandeau {
    left: .6rem;
    right: .6rem;
    max-width: none;
    transform: none;
    bottom: calc(var(--onglets-h) + var(--safe-bas) + .6rem);
}

body.chrono-en-cours .sortie-bandeau { display: none; }

body.a-sortie-en-cours { padding-bottom: 0; }
body.a-sortie-en-cours main { padding-bottom: calc(var(--onglets-h) + var(--safe-bas) + 4.25rem); }