/* Preview uniquement : /preview-publier-demande.html */

body .dx-preview-banner{
  max-width:760px;
  margin:14px auto 0;
  padding:12px 16px;
  border-radius:16px;
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  color:#166534;
  font-size:13px;
  font-weight:850;
}

body details summary{
  list-style:none !important;
  cursor:pointer !important;
}

body details summary::-webkit-details-marker{
  display:none !important;
}

body details summary::marker{
  content:"" !important;
}

body details summary:has(.dxf-badge){
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

body details summary:has(.dxf-badge)::after{
  content:"▾";
  margin-left:auto;
  font-size:15px;
  font-weight:900;
  color:#9ca3af;
}

body details[open] summary:has(.dxf-badge)::after{
  content:"▴";
}

body .dxf-badge{
  font-size:11px !important;
  line-height:1 !important;
  padding:3px 8px !important;
  white-space:nowrap !important;
  flex-shrink:0 !important;
  max-width:none !important;
}

@media(max-width:580px){
  body{
    overflow-x:hidden !important;
  }

  body .dx-page-hero__sub{
    font-size:13px !important;
    line-height:1.45 !important;
  }

  body .dxf-bar{
    padding:0 10px 18px !important;
    align-items:flex-start !important;
  }

  body .dxf-step{
    max-width:none !important;
    min-width:0 !important;
    flex:1 1 0 !important;
  }

  body .dxf-num{
    width:34px !important;
    height:34px !important;
    font-size:13px !important;
  }

  body .dxf-lbl{
    font-size:10.5px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
  }

  body .dxf-line{
    min-width:22px !important;
    max-width:none !important;
    height:2px !important;
    margin:16px 2px 0 !important;
  }

  body .dxf-badge{
    font-size:10px !important;
    padding:3px 7px !important;
  }

  body .dx-preview-banner{
    margin:12px 14px 0;
    font-size:12.5px;
  }

  body .siteFooter{
    margin-top:80px !important;
    padding-bottom:96px !important;
  }
}