/* DjimlyStore Digital v2.39.40
   Exchange request unification + modern Orders UI + compact bottom navigation. */

/* ===== Mes commandes: cleaner premium cards ===== */
html body #djs-portal #djs-screen-orders .djs-orders-list{
  display:grid!important;gap:12px!important;padding-bottom:92px!important;
}
html body #djs-portal #djs-screen-orders .djs-order-card.djs-order-compact-card{
  background:#fff!important;
  border:1px solid #dceaf3!important;
  border-radius:24px!important;
  padding:14px!important;
  box-shadow:0 10px 30px rgba(15,23,42,.055)!important;
  overflow:hidden!important;
}
html body #djs-portal #djs-screen-orders .djs-order-card.djs-order-compact-card:active{
  transform:scale(.995)!important;
}
html body #djs-portal #djs-screen-orders .djs-order-compact-top{
  align-items:flex-start!important;gap:10px!important;
}
html body #djs-portal #djs-screen-orders .djs-order-card-visual{
  width:46px!important;height:46px!important;min-width:46px!important;
  border-radius:14px!important;border:1px solid #e2edf4!important;
  background:#f5fbff!important;box-shadow:none!important;
}
html body #djs-portal #djs-screen-orders .djs-order-card-visual>.ms{font-size:25px!important;color:#1488c8!important;}
html body #djs-portal #djs-screen-orders .djs-order-card-visual img{width:100%!important;height:100%!important;object-fit:cover!important;}
html body #djs-portal #djs-screen-orders .djs-order-compact-title{gap:10px!important;min-width:0!important;}
html body #djs-portal #djs-screen-orders .djs-order-compact-title>div{min-width:0!important;}
html body #djs-portal #djs-screen-orders .djs-order-compact-title strong{
  font-size:15px!important;line-height:1.16!important;letter-spacing:-.02em!important;color:#0b1e2d!important;
}
html body #djs-portal #djs-screen-orders .djs-order-compact-title small{
  margin-top:5px!important;font-size:9.5px!important;color:#607386!important;line-height:1.35!important;
}
html body #djs-portal #djs-screen-orders .djs-order-copy{
  width:25px!important;height:25px!important;border:0!important;background:#eff8fd!important;color:#147fb8!important;border-radius:8px!important;
}
html body #djs-portal #djs-screen-orders .djs-order-copy .ms{font-size:14px!important;}
html body #djs-portal #djs-screen-orders .djs-order-status{
  min-height:32px!important;padding:6px 9px!important;border-radius:999px!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important;
}
html body #djs-portal #djs-screen-orders .djs-order-compact-meta{
  grid-template-columns:1fr 1fr!important;gap:7px 10px!important;margin-top:11px!important;padding:11px 0!important;border-top:1px solid #edf2f6!important;
}
html body #djs-portal #djs-screen-orders .djs-order-compact-meta>div{
  min-height:34px!important;display:grid!important;grid-template-columns:18px auto 1fr!important;align-items:center!important;gap:5px!important;
}
html body #djs-portal #djs-screen-orders .djs-order-compact-meta .ms{font-size:17px!important;color:#6d8293!important;}
html body #djs-portal #djs-screen-orders .djs-order-compact-meta small{font-size:9.5px!important;color:#728394!important;}
html body #djs-portal #djs-screen-orders .djs-order-compact-meta b{font-size:12px!important;color:#0f2433!important;font-weight:950!important;text-align:right!important;}
html body #djs-portal #djs-screen-orders .djs-order-date-row{grid-column:1/-1!important;display:flex!important;gap:7px!important;min-height:26px!important;}
html body #djs-portal #djs-screen-orders .djs-order-date-row small{font-size:9.5px!important;color:#65798b!important;}
html body #djs-portal #djs-screen-orders .djs-order-compact-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:1px!important;}
html body #djs-portal #djs-screen-orders .djs-order-compact-actions--single{grid-template-columns:1fr!important;}
html body #djs-portal #djs-screen-orders .djs-order-compact-actions button,
html body #djs-portal #djs-screen-orders .djs-order-compact-actions a{
  min-height:42px!important;height:42px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  font-size:11px!important;font-weight:950!important;text-decoration:none!important;box-shadow:none!important;
}
html body #djs-portal #djs-screen-orders .djs-reorder-order{
  background:#f7fcff!important;color:#1179b3!important;border:1px solid #bfe7fb!important;
}
html body #djs-portal #djs-screen-orders .djs-order-view-btn,
html body #djs-portal #djs-screen-orders .djs-open-exchange-order{
  background:#dff4ff!important;color:#0879b8!important;border:1px solid #b8e6fb!important;-webkit-text-fill-color:#0879b8!important;
}
html body #djs-portal #djs-screen-orders .djs-order-view-btn *,
html body #djs-portal #djs-screen-orders .djs-open-exchange-order *{color:#0879b8!important;-webkit-text-fill-color:#0879b8!important;}
html body #djs-portal #djs-screen-orders .djs-order-compact-actions button:hover{filter:brightness(.985)!important;}
html body #djs-portal #djs-screen-orders .djs-order-card--exchange{
  border-color:#bfe6f8!important;background:linear-gradient(180deg,#fff,#f9fdff)!important;
}
html body #djs-portal #djs-screen-orders .djs-order-card--exchange .djs-order-card-visual{background:#e7f7ff!important;border-color:#c6e9fa!important;}
html body #djs-portal #djs-screen-orders .djs-order-card--exchange .djs-order-card-visual .ms{color:#0780bc!important;}

/* Exchange detail sheet inside Mes commandes */
.djs-exchange-order-modal .djs-order-detail-head>div{display:grid;gap:2px!important;}
.djs-exchange-modal-kicker{font-size:9px!important;font-weight:950!important;letter-spacing:.11em!important;color:#0891c7!important;}
.djs-exchange-order-modal .djs-order-css-sheet{border-top:1px solid #c9eafb!important;}

/* ===== Bottom nav: lower, shorter, less dead space underneath ===== */
@media(max-width:899px){
  html body #djs-portal .djs-bottom-nav,
  html body.djs-fullscreen-active #djs-portal .djs-bottom-nav{
    position:fixed!important;
    left:12px!important;right:12px!important;
    bottom:max(5px,calc(env(safe-area-inset-bottom) - 20px))!important;
    width:auto!important;max-width:none!important;
    min-height:70px!important;height:70px!important;
    padding:5px 6px 6px!important;
    gap:3px!important;
    border-radius:25px!important;
    background:rgba(255,255,255,.97)!important;
    border:1px solid #e2e8ee!important;
    box-shadow:0 12px 34px rgba(15,23,42,.12)!important;
    overflow:visible!important;
    z-index:10040!important;
  }
  html body #djs-portal .djs-bottom-nav .djs-bn-item,
  html body.djs-fullscreen-active #djs-portal .djs-bottom-nav .djs-bn-item{
    height:58px!important;min-height:58px!important;
    padding:5px 1px 4px!important;gap:3px!important;
    border-radius:18px!important;
    font-size:9px!important;line-height:1.05!important;
  }
  html body #djs-portal .djs-bottom-nav .djs-bn-item .ms,
  html body.djs-fullscreen-active #djs-portal .djs-bottom-nav .djs-bn-item .ms{
    width:28px!important;height:28px!important;font-size:26px!important;line-height:28px!important;
  }
  html body #djs-portal .djs-bottom-nav .djs-bn-item span:not(.ms):not(.djs-cart-count-badge){font-size:9px!important;line-height:1.05!important;}
  html body #djs-portal .djs-scroller{padding-bottom:88px!important;}
}

@media(max-width:380px){
  html body #djs-portal .djs-bottom-nav{left:7px!important;right:7px!important;padding-left:4px!important;padding-right:4px!important;}
  html body #djs-portal .djs-bottom-nav .djs-bn-item span:not(.ms):not(.djs-cart-count-badge){font-size:8.2px!important;}
}

[data-theme=\"dark\"] #djs-portal #djs-screen-orders .djs-order-card.djs-order-compact-card,
#djs-portal.djs-dark #djs-screen-orders .djs-order-card.djs-order-compact-card{background:#101923!important;border-color:#253444!important;}
[data-theme=\"dark\"] #djs-portal #djs-screen-orders .djs-order-compact-title strong,
#djs-portal.djs-dark #djs-screen-orders .djs-order-compact-title strong{color:#f8fafc!important;}