/* ============================================================
   TECTUMPRO — projekta āda "Rasējums"
   Skice: skices/skice-izstrade-b2-desktop.png (apstiprināta 2026-08-15)
   Tikai var(--…) atsauces — nekādu tiešu hex vērtību.
   ============================================================ */

/* ---- Lapa: silts papīrs ar smalku tehnisko režģi ---- */
/* grid + align-content, nevis flex: flex bērns saspiestu .wrap platumu, un
   .wrap pats jau nes gan max-width, gan sānu malas — to nedrīkst pārrakstīt. */
.lapa {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  align-content: center;
  padding-block: var(--space-6);
  background-image:
    linear-gradient(to right, var(--grid-line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);
  background-size: var(--grid-step) var(--grid-step);
}

/* ---- Izkārtojums: teksts pa kreisi, rasējums pa labi ---- */
.izkartojums {
  display: grid;
  gap: var(--space-6);
  align-items: center;
}

/* Kreisā kolonna ir tik plata, lai garākais rekvizīts — juridiskā adrese —
   ietilptu vienā rindā; rasējums dabū atlikumu. */
@media (min-width: 62rem) {
  .izkartojums {
    grid-template-columns: minmax(0, 34rem) minmax(0, 1fr);
    gap: var(--space-7);
  }
}

/* ---- Vārdzīme ---- */
.vardzime {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-heading);
}

/* ---- Dimensiju līnija zem vārdzīmes (rasējuma motīvs) ---- */
.dimlinija {
  display: block;
  width: min(15rem, 100%);
  height: 0.75rem;
  margin-block: var(--space-3) var(--space-5);
  overflow: visible;
  color: var(--color-accent);
}

.dimlinija path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

/* ---- Eyebrow: pārraksta fluid-scale noklusējumu uz tehnisko etiķeti ---- */
.eyebrow {
  margin: 0 0 var(--space-2);
  font-family: var(--font-mono);
  font-weight: 400;
  letter-spacing: 0.32em;
  text-transform: uppercase;
}

/* ---- Virsraksts ---- */
.virsraksts {
  margin: 0 0 var(--space-3);
  font-size: var(--text-3xl);
  font-weight: 600;
  letter-spacing: -0.015em;
}

.lead {
  margin: 0 0 var(--space-6);
  max-width: 34ch;
}

/* ---- Rekvizīti: definīciju saraksts uz kailā papīra, bez kartītes ---- */
.rekviziti { margin: 0; }

.rekviziti__rinda {
  display: grid;
  gap: var(--space-1) var(--space-4);
  padding-block: var(--space-3);
  border-top: 1px solid var(--color-line);
}

.rekviziti__rinda:last-child { border-bottom: 1px solid var(--color-line); }

/* 13.5rem = garākā etiķete "PVN reģistrācijas nr." vienā rindā */
@media (min-width: 30rem) {
  .rekviziti__rinda { grid-template-columns: 13.5rem minmax(0, 1fr); }
}

.rekviziti dt {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  color: var(--color-ink-muted);
}

.rekviziti dd {
  margin: 0;
  font-size: var(--text-md);
  color: var(--color-ink);
  overflow-wrap: anywhere;
}

/* E-pasts ir vienīgais darbināmais elements lapā — tam jālasās kā saitei,
   ne kā vēl vienam rekvizītam. */
.rekviziti a {
  display: inline-block;
  /* inline saite bija 21px augsta — zem WCAG 2.5.8 minimuma (24px).
     Padding to paceļ, nemainot rindas ritmu. */
  padding-block: 0.15em;
  color: var(--color-accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  transition: color var(--dur) var(--ease);
}

.rekviziti a:hover,
.rekviziti a:focus-visible { color: var(--color-accent-hover); }

/* ---- Rasējums ---- */
.rasejums {
  color: var(--color-ink);
  /* Mobilajā rasējums ir tikai fona akcents — nedrīkst konkurēt ar tekstu */
  opacity: 0.5;
}

@media (min-width: 62rem) {
  .rasejums { opacity: 1; }
}

.rasejums svg {
  display: block;
  width: 100%;
  height: auto;
}

.rasejums__lin path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.1;
  stroke-opacity: 0.42;
  vector-effect: non-scaling-stroke;
}

.rasejums__dim path {
  fill: none;
  stroke: var(--color-accent);
  stroke-width: 1;
  stroke-opacity: 0.55;
  vector-effect: non-scaling-stroke;
}

/* ---- Kājene ---- */
.kajene {
  margin-top: var(--space-6);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  color: var(--color-ink-muted);
}

.kajene p { margin: 0; }

/* ---- Ielādes parādīšanās: viena maiga kustība, cieņa pret reduced-motion ----
   Keyframe apzināti definē TIKAI `from` — netiešais `to` ir elementa paša
   aprēķinātā vērtība. Citādi `.rasejums` mobilajā animētos uz opacity 1
   un pārrakstītu savu 0.5. */
@keyframes tp-paradas {
  from { opacity: 0; transform: translateY(6px); }
}

@media (prefers-reduced-motion: no-preference) {
  .saturs > *,
  .rasejums {
    animation: tp-paradas var(--dur) var(--ease) backwards;
  }
  .dimlinija    { animation-delay: 60ms; }
  .eyebrow      { animation-delay: 100ms; }
  .virsraksts   { animation-delay: 140ms; }
  .lead         { animation-delay: 180ms; }
  .rekviziti    { animation-delay: 220ms; }
  .rasejums     { animation-delay: 260ms; }
}