/* Prototype « Ticket de caisse » : chaque témoignage sort de l'imprimante thermique. */
@font-face{font-family:"Plex Mono";font-weight:500;font-display:swap;src:url(/static/fonts/ibm-plex-mono-500.woff2) format("woff2")}
@font-face{font-family:"Plex Mono";font-weight:700;font-display:swap;src:url(/static/fonts/ibm-plex-mono-700.woff2) format("woff2")}

[data-style=ticket]{--thermique:#FBFAF6;--encre-ticket:#2B2B2B;--mono:"Plex Mono",ui-monospace,Menlo,monospace}
[data-style=ticket] body{background:var(--beton)}
@media (prefers-color-scheme: dark){[data-style=ticket] body{background:#15171A}}

/* Le fil : des tickets étroits, centrés, espacés comme posés sur un comptoir. */
[data-style=ticket] .post{
  max-width:400px;margin:22px auto;padding:28px 22px 26px;gap:10px;
  background:var(--thermique);color:var(--encre-ticket);font-family:var(--mono);font-weight:500;
  --z:9px;
  -webkit-mask:
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/calc(2*var(--z)) 51% repeat-x,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(2*var(--z)) 51% repeat-x;
          mask:
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/calc(2*var(--z)) 51% repeat-x,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(2*var(--z)) 51% repeat-x;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.06));
}
/* En-tête du ticket : l'établissement, centré, comme le nom du magasin. */
[data-style=ticket] .post .place-tag{order:-2;display:flex;flex-direction:column;align-items:center;text-align:center;
  font-weight:700;font-size:17px;line-height:1.25;text-transform:uppercase;letter-spacing:.06em;color:var(--encre-ticket)}
[data-style=ticket] .place-tag .i{display:none}
[data-style=ticket] .place-tag .pl-ville{font-weight:500;font-size:13px}
[data-style=ticket] .place-tag .pl-ville::before{content:none}
[data-style=ticket] .post-ref{order:-1;display:flex;justify-content:space-between;font-size:12px;
  padding-bottom:10px;border-bottom:1.5px dashed #9A9A9A}
[data-style=ticket] .post-head{order:5;justify-content:center;font-size:13px;padding-top:8px;border-top:1.5px dashed #9A9A9A}
[data-style=ticket] .post-head .badge{display:none}
[data-style=ticket] .post-head time{display:none}
[data-style=ticket] .pseudo::before{content:"Servi par "}
[data-style=ticket] .post .body{order:1;font-size:15px;line-height:1.55;padding:6px 0}
[data-style=ticket] .post .photo{order:2;filter:grayscale(1) contrast(1.15);border-radius:0}
/* Motif = une ligne d'article, prix remplacé par le compteur. */
[data-style=ticket] .motif{order:3;display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--encre-ticket);
  border-top:1.5px dashed #9A9A9A;padding-top:8px}
[data-style=ticket] .motif .lbl{display:inline}
[data-style=ticket] .actions{order:6;border-top:0;justify-content:center;flex-wrap:wrap;gap:4px}
[data-style=ticket] .actions button,[data-style=ticket] .actions a{color:var(--encre-ticket);font-family:var(--mono)}
[data-style=ticket] .actions .like{border:1.5px solid var(--encre-ticket);border-radius:4px;padding:6px 10px;min-height:0;text-transform:uppercase;font-size:12px;letter-spacing:.06em}
[data-style=ticket] .actions .like.on{background:var(--encre-ticket);color:var(--thermique);box-shadow:none}
[data-style=ticket] .actions > :first-child{margin-left:0}
[data-style=ticket] .actions .save{margin-left:0}
[data-style=ticket] .post .verified{color:var(--encre-ticket)}
[data-style=ticket] .seg{background:transparent}

/* Modération : la carte devient un ticket, encre foncée même en mode sombre */
[data-style=ticket] .mod-card{
  --papier:var(--thermique);--encre:var(--encre-ticket);--gris:#6B6B6B;--filet:#B9B9B9;
  background:var(--thermique);color:var(--encre-ticket);font-family:var(--mono);border:0;border-radius:0;
  max-width:440px;margin-inline:auto;padding:26px 20px 24px;--z:9px;
  -webkit-mask:
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/calc(2*var(--z)) 51% repeat-x,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(2*var(--z)) 51% repeat-x;
          mask:
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/calc(2*var(--z)) 51% repeat-x,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(2*var(--z)) 51% repeat-x}
[data-style=ticket] .mod-card .body{font-family:var(--mono);font-size:15px;border-block:1.5px dashed #9A9A9A;padding:8px 0}
[data-style=ticket] .mod-card .tag{border-radius:3px;border-color:var(--encre-ticket)}
[data-style=ticket] .mod-card .tag.red{border-color:#B3261E;color:#B3261E}
[data-style=ticket] .mod-card input{background:#fff;color:var(--encre-ticket);border-color:#9A9A9A;font-family:var(--mono)}
[data-style=ticket] .mod-card .btn{border-radius:4px;font-family:var(--mono);text-transform:uppercase;font-size:12px;letter-spacing:.04em}