/* ============================================================
   /projects — DARK  ·  13) PŘEPÍNAČ NÁHLEDŮ CIFERNÍKŮ
   ------------------------------------------------------------
   Tlačítko nad mřížkou ciferníků: Active ↔ Always-on.
   Výchozí stav = Active (barevné). Po přepnutí ukazují všechny
   karty AOD; najetí myší na kartu dočasně ukáže druhý režim.
   JS: js/psx-projects.js
   ============================================================ */

body.psx-dark .psx-facemode {
  display: flex;
  justify-content: center;
  margin: -6px auto 30px;
}

body.psx-dark .psx-facemode__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 8px 8px 15px;
  border-radius: 999px;
  font-family: var(--psx-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--psx-text);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
body.psx-dark .psx-facemode__btn:hover {
  border-color: rgba(86,197,210,0.5);
  background: rgba(31,171,188,0.08);
}

body.psx-dark .psx-facemode__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--psx-teal-light);
  box-shadow: 0 0 0 4px rgba(31,171,188,0.18);
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
body.psx-dark .psx-facemode__label { opacity: 0.7; }
body.psx-dark .psx-facemode__state {
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(31,171,188,0.12);
  color: var(--psx-teal-light);
  border: 1px solid rgba(31,171,188,0.28);
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* přepnuto do Always-on */
body.psx-dark .psx-block--faces.is-aod .psx-facemode__dot {
  background: #9aa4b2;
  box-shadow: 0 0 0 4px rgba(154,164,178,0.16);
}
body.psx-dark .psx-block--faces.is-aod .psx-facemode__state {
  background: rgba(255,255,255,0.06);
  color: var(--psx-text-soft);
  border-color: rgba(255,255,255,0.14);
}

/* toggled → všechny dual karty ukazují AOD
   (!important, protože 05-cards.css cílí stejnou vlastnost se stejnou vahou) */
body.psx-dark .psx-block--faces.is-aod .psx-card__media--dual .psx-card__shot--color { opacity: 0 !important; }
body.psx-dark .psx-block--faces.is-aod .psx-card__media--dual .psx-card__shot--aod   { opacity: 1 !important; }
/* …a klik na náhled (.is-flipped) tu jednu kartu vrátí do barvy */
body.psx-dark .psx-block--faces.is-aod .psx-card__media--dual.is-flipped .psx-card__shot--color { opacity: 1 !important; }
body.psx-dark .psx-block--faces.is-aod .psx-card__media--dual.is-flipped .psx-card__shot--aod   { opacity: 0 !important; }