/* Proklik na stránku Ochrana proti DDoS z jiných stránek Firem (odkazy.json v migraci
   20261028120000_ochrana_proti_ddos): další dlaždice v seznamu .list-box-check (Kybernetická bezpečnost) a karta
   v „Proč firmy volí ÚVT“ (Internet pro firmy). Klikací je celá dlaždice/karta: odkaz v ní ji překryje (::after).
   Čeněk 2. 11. 2026: „dej to tam jako proklik jako dalsi ten banner“, „tim nahrad ten prostredni banner“. */

.ddos-odkaz {
  position: relative;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.ddos-odkaz:hover {
  box-shadow: 0 14px 34px rgba(0, 34, 74, 0.12);
  transform: translateY(-3px);
}

.ddos-odkaz:has(a:focus-visible) {
  outline: 2px solid #fba52a;
  outline-offset: 3px;
}

.ddos-odkaz a {
  color: inherit;
  text-decoration: none;
  outline: none;
}

.ddos-odkaz a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
}

/* dlaždice: místo fajfky šipka v oranžovém kruhu, při najetí poposkočí */
.list-box-check li.ddos-odkaz::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='44' viewBox='0 0 43 44'%3E%3Ccircle cx='21.5' cy='22' r='21' fill='%23FB8700'/%3E%3Cpath d='M23.5 16.5l5.5 5.5-5.5 5.5M28.5 22H14.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  transition: transform 0.2s ease;
}

.list-box-check li.ddos-odkaz:hover::before {
  transform: translate(4px, -50%);
}

/* karta: pod textem „Jak ochrana funguje“ se šipkou */
.ddos-odkaz__vice {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
  font-weight: 600;
  color: #003770;
  border-bottom: 2px solid #fba52a;
  padding-bottom: 2px;
}

.ddos-odkaz__vice::after {
  content: "→";
  transition: transform 0.2s ease;
}

.ddos-odkaz:hover .ddos-odkaz__vice::after {
  transform: translateX(4px);
}

@media (prefers-reduced-motion: reduce) {
  .ddos-odkaz,
  .ddos-odkaz:hover,
  .ddos-odkaz:hover .ddos-odkaz__vice::after {
    transition: none;
    transform: none;
  }

  .list-box-check li.ddos-odkaz:hover::before {
    transform: translateY(-50%);
  }
}