/* Pièce « Enchères : criée en lignes, cartels (Magasin, v2.15.0) ». Déclencheurs : dnr-rows--criee, dnr-cartels */
/* Criée : des étapes en lignes (ol.dnr-rows) dont la mise monte ; sous chaque ligne une barre dorée d'un quart, de la moitié,
   des trois quarts, puis de toute la largeur, tracées l'une après l'autre. data-dnr-minuteur : minuteur circulaire qui
   s'écoule une fois ; data-dnr-adjuge="Texte" : tampon décoratif qui s'abat après les barres. */
@property --dnr-minuteur-reste{syntax:"<percentage>";inherits:false;initial-value:12%}
.dnr-page .dnr-rows--criee>.dnr-row{padding-right:clamp(0px,9vw,150px)}
/* Désactivé (relecture 2.15.0) : avec les animations, la règle commune html.dnr-m .dnr-page .dnr-row::after (60-motion.css, plus forte)
   remettait un filet gris de 1 px. Pour réactiver, remettre la règle ci-dessous à la place de celle qui suit ce commentaire :
.dnr-page .dnr-rows--criee>.dnr-row::after{content:"";position:absolute;left:0;bottom:-1px;width:var(--dnr-mise,100%);height:3px;background:linear-gradient(90deg,rgba(var(--dnr-acc-rgb),.25),var(--dnr-acc-l));box-shadow:0 0 10px rgba(var(--dnr-acc-l-rgb),.45);transform-origin:0 50%}
*/
.dnr-page.dnr-page .dnr-rows--criee>.dnr-row::after{content:"";position:absolute;left:0;right:auto;bottom:-1px;width:var(--dnr-mise,100%);height:3px;background:linear-gradient(90deg,rgba(var(--dnr-acc-rgb),.25),var(--dnr-acc-l));box-shadow:0 0 10px rgba(var(--dnr-acc-l-rgb),.45);transform-origin:0 50%}
.dnr-page .dnr-rows--criee>.dnr-row:nth-child(1){--dnr-mise:25%}
.dnr-page .dnr-rows--criee>.dnr-row:nth-child(2){--dnr-mise:50%}
.dnr-page .dnr-rows--criee>.dnr-row:nth-child(3){--dnr-mise:75%}
.dnr-page .dnr-rows--criee>[data-dnr-minuteur]::before{content:"";position:absolute;right:0;top:20px;width:40px;height:40px;border-radius:50%;
  background:conic-gradient(var(--dnr-acc-l) var(--dnr-minuteur-reste),rgba(238,242,248,.12) 0);-webkit-mask:radial-gradient(circle,#000 0 3px,transparent 3.5px 13px,#000 14px);mask:radial-gradient(circle,#000 0 3px,transparent 3.5px 13px,#000 14px)}
.dnr-page .dnr-rows--criee>[data-dnr-adjuge]::before{content:attr(data-dnr-adjuge);content:attr(data-dnr-adjuge) / "";position:absolute;right:0;top:18px;padding:8px 12px 7px;border:2px solid var(--dnr-acc-l);border-radius:4px;
  box-shadow:inset 0 0 0 2px var(--dnr-bg),inset 0 0 0 3px rgba(var(--dnr-acc-l-rgb),.45);font:700 14px/1 var(--dnr-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--dnr-acc-l);transform:rotate(-8deg);pointer-events:none}
@media (min-width:1025px){.dnr-page .dnr-rows--criee>[data-dnr-adjuge]{padding-right:clamp(120px,9vw,150px)}} /* relecture 2.15.0 : le tampon touchait le texte entre 1 025 et 1 120 px */
@media (max-width:1024px){
  .dnr-page .dnr-rows--criee>[data-dnr-minuteur]{padding-right:56px}
}
@media (max-width:700px){
  .dnr-page .dnr-rows--criee>.dnr-row:not([data-dnr-minuteur]){padding-right:0}
  .dnr-page .dnr-rows--criee>[data-dnr-adjuge]{padding-bottom:66px}
  .dnr-page .dnr-rows--criee>[data-dnr-adjuge]::before{top:auto;bottom:18px} /* sous le texte : jamais sur le titre */
}
@media (prefers-reduced-motion:no-preference){
  html.dnr-m .dnr-page .dnr-rows--criee>.dnr-row::after{transition:transform 700ms var(--dnr-ease) var(--dnr-mise-d,300ms)}
  html.dnr-m .dnr-page .dnr-rows--criee:not(.in)>.dnr-row::after{transform:scaleX(0)}
  html.dnr-m .dnr-page .dnr-rows--criee>.dnr-row:nth-child(2){--dnr-mise-d:550ms}
  html.dnr-m .dnr-page .dnr-rows--criee>.dnr-row:nth-child(3){--dnr-mise-d:800ms}
  html.dnr-m .dnr-page .dnr-rows--criee>.dnr-row:nth-child(n+4){--dnr-mise-d:1050ms}
  html.dnr-m .dnr-page .dnr-rows--criee.in>[data-dnr-minuteur]::before{animation:dnr-criee-minuteur 2.4s linear .5s both}
  html.dnr-m .dnr-page .dnr-rows--criee>[data-dnr-adjuge]::before{transition:opacity 160ms linear 1.7s,transform 380ms cubic-bezier(.3,1.5,.5,1) 1.7s}
  html.dnr-m .dnr-page .dnr-rows--criee:not(.in)>[data-dnr-adjuge]::before{opacity:0;transform:scale(2.4) rotate(-8deg)}
}
@keyframes dnr-criee-minuteur{from{--dnr-minuteur-reste:100%}to{--dnr-minuteur-reste:12%}}

/* Cartels : des cartes lues comme les fiches d'un catalogue de vente ; double filet doré et, en haut à droite, un sceau
   guilloché (décoratif) qui tourne une fois à l'apparition. */
.dnr-page .dnr-cartels>.dnr-card{border-color:transparent;box-shadow:inset 0 0 0 1px rgba(var(--dnr-acc-l-rgb),.4),inset 0 0 0 4px #0A0C10,inset 0 0 0 5px rgba(var(--dnr-acc-l-rgb),.2)}
.dnr-page .dnr-cartels>.dnr-card>.dnr-lab{min-height:40px}
.dnr-page .dnr-cartels>.dnr-card::before{content:"";position:absolute;right:16px;top:14px;width:44px;height:44px;border-radius:50%;opacity:.85;
  background:repeating-conic-gradient(rgba(var(--dnr-acc-l-rgb),.85) 0 4deg,rgba(var(--dnr-acc-l-rgb),.15) 4deg 10deg);
  -webkit-mask:radial-gradient(circle,#000 0 8px,transparent 9px 13px,#000 14px 21px,transparent 22px);mask:radial-gradient(circle,#000 0 8px,transparent 9px 13px,#000 14px 21px,transparent 22px)}
@media (prefers-reduced-motion:no-preference){
  html.dnr-m .dnr-page .dnr-cartels>.dnr-card::before{transition:transform 1.4s var(--dnr-ease) .3s}
  html.dnr-m .dnr-page .dnr-cartels:not(.in)>.dnr-card::before{transform:rotate(-120deg)}
}