/* ============================================================
   CONTACT CARD — telefon a e-mail místo formuláře.
   Web vědomě nesbírá žádné osobní údaje: není co zpracovávat,
   odpadá souhlas i zásady ochrany osobních údajů.
   ============================================================ */

.contact-card{
  border:1px solid var(--line-2);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(20,23,26,.6), rgba(10,12,14,.4));
  padding: clamp(20px, 2.4vw, 32px);
  display:flex; flex-direction:column; gap:16px;
  backdrop-filter:blur(6px);
}

/* ---- hlavní akce: e-mailová adresa ---- */
.contact-big{
  display:block; text-align:center;
  background:linear-gradient(180deg, #c8ff5e 0%, var(--accent) 100%);
  color:#0a0a0a;
  border:1px solid var(--accent);
  border-radius:12px;
  padding: 20px 12px;
  font-family:"JetBrains Mono", monospace;
  /* Adresa se nesmí zalomit, takže si vynucuje minimální šířku celého
     sloupce. Spodní hranice proto musí sedět i na 320px displej —
     hello@viktorekrt.com je o čtyři znaky delší než telefonní číslo. */
  font-size: clamp(13px, 4vw, 27px);
  font-weight:600;
  letter-spacing:-.02em;
  white-space:nowrap;
  box-shadow: 0 14px 40px -10px rgba(182,255,60,.55), inset 0 1px 0 rgba(255,255,255,.35);
  transition: transform .2s var(--ease), box-shadow .25s;
  min-height:var(--tap);
}
.contact-big small{
  display:block;
  font-family:"Space Grotesk", system-ui, sans-serif;
  font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase;
  opacity:.62; margin-bottom:7px;
}
.contact-big:hover{
  transform:translateY(-1px);
  box-shadow: 0 18px 50px -10px rgba(182,255,60,.7), inset 0 1px 0 rgba(255,255,255,.45);
}

/* ---- vedlejší kanál: telefon ----
   Jeden řádek v rámečku působil jako nedodělaný seznam, proto je
   telefon vedený jako plocha bez orámování pod hlavní akcí. */
.contact-alt{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding: 14px 4px;
  border-bottom:1px solid var(--line);
  transition: border-color .3s var(--ease);
  min-height:var(--tap);
}
.contact-alt:hover{ border-color:var(--accent) }
.contact-alt .lbl{
  font-family:"JetBrains Mono", monospace;
  font-size:10.5px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--muted);
  flex-shrink:0;
}
.contact-alt .val{
  font-family:"JetBrains Mono", monospace;
  color:var(--ink); font-size:16px; font-weight:500; text-align:right;
  display:inline-flex; align-items:center; gap:8px;
  transition: color .2s, gap .3s var(--ease);
}
.contact-alt:hover .val{ color:var(--accent); gap:12px }
.contact-alt svg{ width:14px; height:14px; flex-shrink:0 }

/* Na úzkých displejích se popisek a číslo nevejdou vedle sebe. */
@media (max-width:420px){
  .contact-alt{ flex-direction:column; align-items:flex-start; gap:4px }
  .contact-alt .val{ text-align:left }
}

/* ---- poznámka pod kartou ---- */
.contact-note{
  font-family:"JetBrains Mono", monospace;
  font-size:11.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--muted); line-height:1.7; margin:0;
}
.contact-note b{ color:var(--ink-2); font-weight:500 }