/* ==========================================================================
   produit-usb-toolkit.css : identité et visuels propres à la page USB Toolkit
   Accent orange « Rust », maquette d'une console Windows
   ========================================================================== */

:root {
  --accent: #ff7a1a;
  --accent-2: #ffc247;
  --accent-ink: #2a1100;
}

/* Console (maquette du menu en ligne de commande) */
.usb-console { background: #0c0c0c; border-color: #3a3a3a; }
.usb-console .pp-window-bar { background: #1c1c1c; }
.usb-console .pp-window-body { padding: 20px 22px 22px; font: 13px/1.85 "Cascadia Mono", Consolas, "SF Mono", monospace; color: #cfcfcf; }
.usb-console .t { color: var(--accent); font-weight: 700; }
.usb-console .dim { color: #7a7a7a; }
.usb-console .row { display: flex; gap: 12px; }
.usb-console .row b { color: var(--accent-2); font-weight: 600; width: 1.4em; text-align: right; }
.usb-console .ok { color: #4ade80; }
.usb-console .row.sel { background: rgba(255, 122, 26, .14); margin: 0 -22px; padding: 0 22px; border-left: 3px solid var(--accent); }
.usb-console .cursor { display: inline-block; width: 8px; height: 15px; background: var(--accent); vertical-align: -2px; animation: usb-blink 1.1s steps(1) infinite; }
@keyframes usb-blink { 50% { opacity: 0; } }

/* Frise « 3 étapes de déblocage » */
.usb-unlock { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; counter-reset: u; }
.usb-unlock div {
  counter-increment: u; position: relative; background: var(--card); border: 1px solid var(--border);
  border-radius: 12px; padding: 18px 16px 16px; font-size: 13.5px; color: var(--muted);
}
.usb-unlock div::before {
  content: counter(u); display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%;
  background: var(--accent); color: var(--accent-ink); font-weight: 700; margin-bottom: 10px; font-size: 14px;
}
.usb-unlock div:last-child { border-color: var(--accent); }
.usb-unlock b { display: block; color: var(--title); font-size: 15px; margin-bottom: 2px; }
.usb-unlock div:not(:last-child)::after {
  content: "\f061"; font-family: "Line Awesome Free"; font-weight: 900; position: absolute; right: -13px; top: 50%;
  transform: translateY(-50%); color: var(--accent); z-index: 2; font-size: 14px; background: var(--bg); border-radius: 50%; width: 22px; height: 22px; display: grid; place-items: center;
}
@media (max-width: 860px) {
  .usb-unlock { grid-template-columns: 1fr 1fr; }
  .usb-unlock div::after { display: none; }
}
@media (max-width: 480px) { .usb-unlock { grid-template-columns: 1fr; } }