/* ============================================================
   TMOO — urgence.css · les stickers d'urgence
   Style « atelier » : penché, scotché, ombre franche.
   Fonctionne sur fond crème, blanc ou noir.
   ============================================================ */
.stk,.stkcard{--uink:#141414;--ubl:#E8501A;--ucr:#F5F2EA}

/* ---- petit sticker (une ligne) ---- */
.stk{position:relative;display:inline-block;background:#fff;color:var(--uink);
  border:2px solid var(--uink);border-radius:13px;padding:11px 18px;
  font-size:13.5px;font-weight:600;line-height:1.45;text-align:left;
  box-shadow:4px 4px 0 var(--ubl);transform:rotate(-1.2deg);
  transition:transform .3s cubic-bezier(.22,1,.36,1)}
.stk:hover{transform:rotate(0) translate(-1px,-1px)}
/* !important : certaines pages sombres forcent le gras en blanc (.nextblk p b),
   ce qui rendrait le texte invisible sur le sticker blanc. */
.stk b,.stk strong{color:var(--ubl)!important;font-weight:700!important}
.stk a{color:var(--uink)!important;font-weight:700;border-bottom:2px solid var(--ubl);text-decoration:none}
.stk a:hover{color:var(--ubl)!important}
.stk.rr{transform:rotate(1.4deg)}
.stk.rr:hover{transform:rotate(0) translate(-1px,-1px)}
.stk.sm{font-size:12.5px;padding:9px 14px}
/* le bout de scotch */
.stk::after{content:"";position:absolute;top:-9px;left:50%;width:52px;height:15px;
  transform:translateX(-50%) rotate(-5deg);background:rgba(232,80,26,.8);
  clip-path:polygon(2% 12%,98% 0%,100% 88%,0% 100%);box-shadow:0 1px 2px rgba(20,20,20,.18)}
.stk.rr::after{transform:translateX(-50%) rotate(4deg)}

/* ---- rangée de stickers-cartes ---- */
.stkrow{display:flex;flex-wrap:wrap;gap:22px 24px;justify-content:center;align-items:stretch;
  margin:0 0 clamp(30px,4vw,48px);padding-top:14px}
.stkcard{position:relative;flex:1 1 250px;max-width:370px;background:#fff;color:#5C5A54;
  border:2px solid var(--uink);border-radius:18px;padding:20px 22px 18px;
  font-size:14px;line-height:1.55;font-weight:500;
  box-shadow:6px 6px 0 var(--ubl);transform:rotate(-1.6deg);
  transition:transform .3s cubic-bezier(.22,1,.36,1)}
.stkcard:nth-child(2){transform:rotate(1.3deg);box-shadow:6px 6px 0 rgba(20,20,20,.85)}
.stkcard:nth-child(3){transform:rotate(-.9deg)}
.stkcard:hover{transform:rotate(0) translate(-2px,-2px);z-index:2}
.stkcard b,.stkcard strong{color:var(--uink)!important;font-weight:700!important}
/* scotch en coin */
.stkcard::before{content:"";position:absolute;top:-11px;left:22px;width:62px;height:18px;
  transform:rotate(-6deg);background:rgba(232,80,26,.8);
  clip-path:polygon(2% 12%,98% 0%,100% 88%,0% 100%);box-shadow:0 1px 2px rgba(20,20,20,.18)}
.stkcard:nth-child(2)::before{left:auto;right:22px;transform:rotate(5deg)}
/* étiquette-titre */
.stkcard .tt{display:inline-block;background:var(--uink);color:var(--ucr);
  font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  border-radius:8px;padding:6px 11px;margin-bottom:12px;transform:rotate(-1.5deg)}
.stkcard:nth-child(2) .tt{transform:rotate(1.2deg)}

/* ---- badge étoile « bonus » ---- */
.burst{position:absolute;top:-26px;right:-16px;z-index:3;width:96px;height:96px;
  display:grid;place-items:center;padding:14px;text-align:center;
  background:var(--ubl);color:#fff;font-weight:800;font-size:11px;line-height:1.2;
  text-transform:uppercase;letter-spacing:.05em;transform:rotate(9deg);
  clip-path:polygon(50.0% 0.0%,60.4% 11.4%,75.0% 6.7%,78.3% 21.7%,93.3% 25.0%,88.6% 39.6%,100.0% 50.0%,88.6% 60.4%,93.3% 75.0%,78.3% 78.3%,75.0% 93.3%,60.4% 88.6%,50.0% 100.0%,39.6% 88.6%,25.0% 93.3%,21.7% 78.3%,6.7% 75.0%,11.4% 60.4%,0.0% 50.0%,11.4% 39.6%,6.7% 25.0%,21.7% 21.7%,25.0% 6.7%,39.6% 11.4%);
  filter:drop-shadow(3px 4px 0 rgba(20,20,20,.9));
  animation:burstwob 3.2s ease-in-out infinite}
.burst small{display:block;font-size:15px;letter-spacing:0;margin-top:1px}
@keyframes burstwob{0%,100%{transform:rotate(6deg) scale(1)}50%{transform:rotate(12deg) scale(1.05)}}
@media(prefers-reduced-motion:reduce){.burst{animation:none}}
@media(max-width:560px){.burst{width:84px;height:84px;top:-24px;right:-8px;font-size:10px}.burst small{font-size:13.5px}}

/* marge quand un sticker suit des boutons */
.stk-gap{margin-top:26px}