/* Le dock ordinateur garde ses icônes historiques. */
.ec-wrap.ec-app .ec-swipe-bottom-dual-icon > svg {display:none!important;}
/* MyDex 1.0.297 — dock mobile harmonisé. Les logos originaux ne sont pas modifiés. */
@media (max-width:900px) {
  .ec-wrap.ec-app .ec-swipe-bottom-menu {
    box-sizing:border-box!important;
    width:calc(100vw - 18px)!important;
    max-width:560px!important;
    height:calc(78px + env(safe-area-inset-bottom,0px))!important;
    padding:6px 7px max(6px,env(safe-area-inset-bottom,0px))!important;
    border-radius:22px!important;
    border:1px solid rgba(77,144,203,.48)!important;
    background:linear-gradient(180deg,rgba(9,28,51,.985),rgba(4,16,33,.995))!important;
    box-shadow:0 10px 32px rgba(0,0,0,.37),inset 0 1px 0 rgba(192,224,255,.09)!important;
    overflow:hidden!important;
  }
  .ec-wrap.ec-app .ec-swipe-bottom-page {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
  }
  .ec-wrap.ec-app .ec-swipe-bottom-page-add {grid-template-columns:minmax(0,1fr)!important;}
  .ec-wrap.ec-app .ec-swipe-bottom-item {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    min-width:0!important;
    min-height:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:5px 2px 6px!important;
    gap:4px!important;
    border:1px solid transparent!important;
    border-radius:15px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#b9d1ec!important;
    text-align:center!important;
    text-decoration:none!important;
    line-height:1!important;
    -webkit-tap-highlight-color:transparent;
  }
  .ec-wrap.ec-app .ec-swipe-bottom-item .ec-swipe-bottom-icon {
    display:grid!important;
    flex:0 0 27px!important;
    place-items:center!important;
    width:27px!important;
    height:27px!important;
    margin:0!important;
    padding:0!important;
    color:currentColor!important;
    filter:none!important;
  }
  .ec-wrap.ec-app .ec-swipe-bottom-dual-icon > img {display:none!important;}
  .ec-wrap.ec-app .ec-swipe-bottom-item .ec-swipe-bottom-icon svg {
    display:block!important;
    box-sizing:border-box!important;
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    fill:none!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    overflow:visible!important;
  }
  .ec-wrap.ec-app .ec-swipe-bottom-item strong {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    font-family:inherit!important;
    font-size:clamp(10px,2.8vw,11.5px)!important;
    font-weight:720!important;
    line-height:15px!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    color:inherit!important;
  }
  .ec-wrap.ec-app .ec-swipe-bottom-item.is-active,
  .ec-wrap.ec-app .ec-swipe-bottom-item[aria-current="page"] {
    border-color:rgba(66,161,251,.68)!important;
    color:#fff!important;
    background:linear-gradient(180deg,rgba(19,104,191,.73),rgba(12,64,123,.73))!important;
    box-shadow:inset 0 1px 0 rgba(200,232,255,.14),0 0 10px rgba(18,132,239,.11)!important;
  }
  .ec-wrap.ec-app .ec-swipe-bottom-item:not(.is-active):not([aria-current="page"]):active,
  .ec-wrap.ec-app .ec-swipe-bottom-item:not(.is-active):not([aria-current="page"]):hover {
    background:rgba(32,111,176,.19)!important;
    color:#e8f5ff!important;
  }
  .ec-wrap.ec-app .ec-swipe-bottom-item:focus-visible {
    outline:2px solid #7ccaff!important;
    outline-offset:-3px!important;
  }
  .ec-wrap.ec-app .ec-swipe-bottom-page-add .ec-swipe-bottom-add-wide {
    display:flex!important;
    flex-direction:row!important;
    gap:10px!important;
    border:1px solid rgba(98,194,255,.74)!important;
    border-radius:15px!important;
    background:linear-gradient(115deg,#117fd9,#2460d1)!important;
    color:#fff!important;
    padding:6px 12px!important;
  }
  .ec-wrap.ec-app .ec-swipe-bottom-page-add .ec-swipe-bottom-add-wide strong {
    width:auto!important;
    max-width:calc(100% - 45px)!important;
    font-size:13px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
  /* Evite de recouvrir les dernières cartes de la galerie et des statistiques. */
  .ec-wrap.ec-app.ec-skin-2:not(.ec-affiche-standalone) .ec-main {
    padding-bottom:max(115px,calc(105px + env(safe-area-inset-bottom,0px)))!important;
  }
}
@media (max-width:350px) {
  .ec-wrap.ec-app .ec-swipe-bottom-menu {width:calc(100vw - 10px)!important;padding-left:4px!important;padding-right:4px!important;}
  .ec-wrap.ec-app .ec-swipe-bottom-page {gap:1px!important;}
  .ec-wrap.ec-app .ec-swipe-bottom-item strong {font-size:10px!important;}
  .ec-wrap.ec-app .ec-swipe-bottom-dual-icon > img {display:none!important;}
  .ec-wrap.ec-app .ec-swipe-bottom-item .ec-swipe-bottom-icon svg {width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;}
}
@media (prefers-reduced-motion:reduce) {
  .ec-wrap.ec-app .ec-swipe-bottom-item {transition:none!important;}
}