/* MyDex 1.0.298 : barre mobile uniforme — logo / recherche / ajouter / paramètres / profil.
   Aucune modification au bandeau ordinateur ni au dock inférieur. */
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-mobile-top-settings,
.ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-mobile-top-profile { display:none!important; }
@media (max-width:900px) {
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar {
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 36px 34px 34px!important;
    grid-template-rows:40px!important;
    column-gap:7px!important;
    align-items:center!important;
    justify-items:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-height:52px!important;
    height:52px!important;
    max-height:52px!important;
    padding:5px 8px!important;
    margin:0 0 8px!important;
    border:1px solid rgba(55,123,181,.45)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(9,28,49,.98),rgba(4,16,32,.99))!important;
    box-shadow:0 4px 14px rgba(0,0,0,.20)!important;
    isolation:isolate!important;
    position:relative!important;
    top:auto!important;
    overflow:visible!important;
    gap:0 7px!important;
  }
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-unified-menu-button {
    display:grid!important;
    grid-column:1!important;grid-row:1!important;
    justify-self:start!important;
    width:36px!important;min-width:36px!important;max-width:36px!important;
    height:36px!important;min-height:36px!important;max-height:36px!important;
    padding:3px!important;margin:0!important;
    border-radius:10px!important;
  }
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-unified-menu-button img {
    width:100%!important;height:100%!important;object-fit:contain!important;
  }
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-unified-title {display:none!important;}
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-skin2-search-cta {
    display:flex!important;
    grid-column:2!important;grid-row:1!important;
    min-width:0!important;max-width:420px!important;width:100%!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    height:36px!important;min-height:36px!important;max-height:36px!important;
    padding:0 9px!important;margin:0!important;gap:6px!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-skin2-search-cta > span {
    font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    min-width:0!important;
  }
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-skin2-add-cta,
  .ec-wrap.ec-app.ec-skin-2.ec-current-view-gallery .ec-unified-topbar .ec-skin2-add-cta {
    display:grid!important;
    grid-column:3!important;grid-row:1!important;
    justify-self:center!important;place-items:center!important;
    flex:none!important;
    box-sizing:border-box!important;
    width:36px!important;min-width:36px!important;max-width:36px!important;
    height:36px!important;min-height:36px!important;max-height:36px!important;
    padding:0!important;margin:0!important;border-radius:10px!important;
  }
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-skin2-add-label {display:none!important;}
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-mobile-top-settings {
    display:grid!important;
    grid-column:4!important;grid-row:1!important;
    place-items:center!important;justify-self:center!important;
    flex:none!important;
    box-sizing:border-box!important;
    width:34px!important;min-width:34px!important;max-width:34px!important;
    height:36px!important;min-height:36px!important;max-height:36px!important;
    padding:5px!important;margin:0!important;
    appearance:none!important;
    border:1px solid rgba(71,136,192,.58)!important;
    border-radius:10px!important;
    color:#e2f1ff!important;
    background:rgba(10,40,71,.97)!important;
    box-shadow:none!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent;
  }
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-mobile-top-settings svg {
    width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;
    fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
    stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-top-account {
    display:flex!important;grid-column:5!important;grid-row:1!important;
    justify-self:center!important;align-self:center!important;
    box-sizing:border-box!important;
    width:34px!important;min-width:34px!important;max-width:34px!important;
    height:36px!important;min-height:36px!important;max-height:36px!important;
    margin:0!important;gap:0!important;
  }
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-top-account .ec-top-admin-settings {display:none!important;}
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-top-profile-button {
    display:grid!important;place-items:center!important;
    box-sizing:border-box!important;
    width:34px!important;min-width:34px!important;max-width:34px!important;
    height:36px!important;min-height:36px!important;max-height:36px!important;
    padding:2px!important;margin:0!important;border-radius:10px!important;
  }
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-top-profile-avatar {
    width:28px!important;min-width:28px!important;max-width:28px!important;
    height:28px!important;min-height:28px!important;max-height:28px!important;
  }
  /* La couverture débute sous le bandeau, sans cacher les commandes. */
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-skin2-cover,
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-home-view .ec-home-hero {
    margin-top:0!important;
  }
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar :is(.ec-mobile-top-settings,.ec-skin2-search-cta,.ec-skin2-add-cta,.ec-top-profile-button,.ec-unified-menu-button):focus-visible {
    outline:2px solid #8bceff!important;outline-offset:2px!important;
  }
}
@media (max-width:350px) {
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar {
    grid-template-columns:33px minmax(0,1fr) 34px 32px 32px!important;
    column-gap:5px!important;gap:0 5px!important;padding:5px 5px!important;
  }
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-unified-menu-button {width:33px!important;min-width:33px!important;max-width:33px!important;}
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-skin2-add-cta {width:34px!important;min-width:34px!important;max-width:34px!important;}
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-mobile-top-settings,
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-top-account,
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-top-profile-button {width:32px!important;min-width:32px!important;max-width:32px!important;}
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-unified-topbar .ec-skin2-search-cta {padding:0 6px!important;gap:4px!important;}
}
@media (prefers-reduced-motion:reduce) {
 .ec-wrap.ec-app.ec-skin-2 .ec-unified-topbar .ec-mobile-top-settings {transition:none!important;}
}


/* /affiche/ autonome : la même bande haute mobile, sans modifier la page ordinateur. */
@media (max-width:900px) {
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar {
   box-sizing:border-box!important;
   display:grid!important;
   grid-template-columns:36px minmax(0,1fr) 36px 34px 34px!important;
   grid-template-rows:40px!important;
   column-gap:7px!important;
   gap:0 7px!important;
   align-items:center!important;
   justify-items:center!important;
   width:100%!important;max-width:100%!important;
   min-height:52px!important;height:52px!important;max-height:52px!important;
   padding:5px 8px!important;margin:0 0 8px!important;
   border:1px solid rgba(55,123,181,.45)!important;border-radius:12px!important;
   background:linear-gradient(180deg,rgba(9,28,49,.98),rgba(4,16,32,.99))!important;
   box-shadow:0 4px 14px rgba(0,0,0,.20)!important;
   position:relative!important;top:auto!important;overflow:visible!important;
 }
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-unified-menu-button {
   display:grid!important;grid-column:1!important;grid-row:1!important;
   justify-self:start!important;place-items:center!important;
   width:36px!important;min-width:36px!important;max-width:36px!important;
   height:36px!important;min-height:36px!important;max-height:36px!important;
   padding:3px!important;margin:0!important;border-radius:10px!important;
 }
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-skin2-search-cta {
   display:flex!important;grid-column:2!important;grid-row:1!important;justify-self:stretch!important;
   box-sizing:border-box!important;
   min-width:0!important;width:100%!important;max-width:420px!important;
   height:36px!important;min-height:36px!important;max-height:36px!important;
   padding:0 9px!important;margin:0!important;gap:6px!important;
   flex:initial!important;border-radius:10px!important;overflow:hidden!important;
 }
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-skin2-search-cta>span {
   min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important;
 }
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-skin2-add-cta {
   display:grid!important;grid-column:3!important;grid-row:1!important;justify-self:center!important;place-items:center!important;
   flex:none!important;box-sizing:border-box!important;
   width:36px!important;min-width:36px!important;max-width:36px!important;
   height:36px!important;min-height:36px!important;max-height:36px!important;
   padding:0!important;margin:0!important;border-radius:10px!important;
 }
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-skin2-add-label {display:none!important;}
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-mobile-top-settings,
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-mobile-top-profile {
   display:grid!important;place-items:center!important;
   box-sizing:border-box!important;
   width:34px!important;min-width:34px!important;max-width:34px!important;
   height:36px!important;min-height:36px!important;max-height:36px!important;
   padding:5px!important;margin:0!important;
   border:1px solid rgba(71,136,192,.58)!important;border-radius:10px!important;
   color:#e2f1ff!important;background:rgba(10,40,71,.97)!important;
   text-decoration:none!important;box-shadow:none!important;
   cursor:pointer!important;
 }
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-mobile-top-settings {grid-column:4!important;grid-row:1!important;}
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-mobile-top-profile {grid-column:5!important;grid-row:1!important;padding:2px!important;}
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-mobile-top-settings svg,
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-mobile-top-profile svg {
   width:20px!important;height:20px!important;
   fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
 }
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-mobile-top-profile img {
   display:block!important;width:28px!important;height:28px!important;object-fit:cover!important;border-radius:50%!important;
 }
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-skin2-cover {margin-top:0!important;}
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar :is(.ec-unified-menu-button,.ec-skin2-search-cta,.ec-skin2-add-cta,.ec-mobile-top-settings,.ec-mobile-top-profile):focus-visible {outline:2px solid #8bceff!important;outline-offset:2px!important;}
}
@media (max-width:350px) {
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar {
  grid-template-columns:33px minmax(0,1fr) 34px 32px 32px!important;
  gap:0 5px!important;padding:5px!important;
 }
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-unified-menu-button {width:33px!important;min-width:33px!important;max-width:33px!important;}
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-skin2-add-cta {width:34px!important;min-width:34px!important;max-width:34px!important;}
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-mobile-top-settings,
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-mobile-top-profile {width:32px!important;min-width:32px!important;max-width:32px!important;}
 .ec-wrap.ec-app.ec-skin-2.ec-affiche-standalone .ec-affiche-standalone-topbar .ec-skin2-search-cta {padding:0 6px!important;gap:4px!important;}
}