/* DiraMarket 2.20.0 — annonces lisibles et suppression autonome du compte. */

/* Les photos d’annonce restent visibles. Le voile neutre est concentré à gauche,
   uniquement pour protéger la lisibilité du texte. */
.dm-announcement-slide.has-image{
  background-image:linear-gradient(90deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.08) 44%,rgba(0,0,0,.015) 78%,rgba(0,0,0,0) 100%),var(--dm-announcement-image,none)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.dm-announcement-slide.has-image .dm-promo-copy{text-shadow:0 2px 14px rgba(0,0,0,.72),0 1px 2px rgba(0,0,0,.7)}
.dm-announcement-slide.has-image .dm-promo-tag,
.dm-announcement-slide.has-image .dm-announcement-button{text-shadow:none}

/* Zone confidentielle de suppression de compte. */
.dm-account-danger-zone.dm-reveal-up{margin:26px 0 38px;opacity:1!important;transform:none!important}
.dm-account-danger-zone details{overflow:hidden;border:1px solid rgba(186,26,26,.24);border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(40,18,18,.055)}
.dm-account-danger-zone summary{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:13px;min-height:86px;padding:17px 19px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.dm-account-danger-zone summary::-webkit-details-marker{display:none}
.dm-account-danger-zone summary>span:nth-child(2){min-width:0;display:grid;gap:3px}
.dm-account-danger-zone summary strong{color:#77120f;font-size:15px;line-height:21px}
.dm-account-danger-zone summary small{color:#706565;font-size:11px;line-height:17px}
.dm-account-danger-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#ffdad6;color:#93000a}
.dm-account-danger-icon .dm-material{font-size:24px}
.dm-account-danger-chevron{justify-self:end;color:#7d6d6c;transition:transform .22s ease}
.dm-account-danger-zone details[open] .dm-account-danger-chevron{transform:rotate(180deg)}
.dm-account-danger-content{padding:20px;border-top:1px solid #f2d9d6;background:linear-gradient(180deg,#fffafa 0,#fff 100%)}
.dm-account-danger-warning{display:flex;align-items:flex-start;gap:11px;padding:14px;border-radius:14px;background:#fff0ee;color:#5f1411}
.dm-account-danger-warning>.dm-material{flex:0 0 auto;margin-top:1px;color:#ba1a1a}
.dm-account-danger-warning strong{display:block;margin-bottom:4px;font-size:13px}
.dm-account-danger-warning p,.dm-account-retention-note{margin:0;font-size:11px;line-height:18px}
.dm-account-retention-note{padding:14px 2px;color:#625b5a}
.dm-account-delete-blockers{display:grid;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.dm-account-delete-blockers li{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:11px;background:#fff3e0;color:#6d4300;font-size:11px;line-height:17px}
.dm-account-delete-blockers .dm-material{font-size:18px;flex:0 0 auto}
.dm-account-delete-form{display:grid;gap:13px}
.dm-account-delete-form>label:not(.dm-account-delete-check){display:grid;gap:6px}
.dm-account-delete-form>label>span:first-child{font-size:11px;font-weight:800;color:#443b3a}
.dm-account-delete-form input[type=password],.dm-account-delete-form input[type=text]{width:100%;min-height:48px;padding:0 14px;border:1px solid #d7c4c2;border-radius:13px;background:#fff;color:#1f1a1a;font:inherit;outline:none;box-shadow:none}
.dm-account-delete-form input:focus{border-color:#ba1a1a;box-shadow:0 0 0 3px rgba(186,26,26,.1)}
.dm-account-delete-check{display:flex;align-items:flex-start;gap:9px;padding:3px 0;color:#4e4544;font-size:11px;line-height:17px}
.dm-account-delete-check input{width:18px;height:18px;margin:0;flex:0 0 auto;accent-color:#ba1a1a}
.dm-account-delete-submit{min-height:50px;border:0;border-radius:14px;background:#ba1a1a;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(186,26,26,.2)}
.dm-account-delete-submit:active{transform:scale(.985)}
.dm-account-delete-submit .dm-material{font-size:20px}

@media(max-width:520px){
  .dm-announcement-slide.has-image{background-image:linear-gradient(90deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.1) 55%,rgba(0,0,0,.02) 100%),var(--dm-announcement-image,none)!important}
  .dm-account-danger-zone summary{grid-template-columns:44px minmax(0,1fr) 24px;padding:15px;gap:10px}
  .dm-account-danger-content{padding:15px}
}

@media(prefers-reduced-motion:reduce){.dm-account-danger-chevron{transition:none}}