/* PIETEIKUMA FORMA (public/pieteikums.js): "Saņem cenu piedāvājumu".
   Telefonā apakšējā lapa, datorā centrēts dialogs, tas pats <dialog>. Trīs
   stāvokļi vienā logā: forma, apstiprinājums, atkārtotas izmantošanas logs
   (maketi A, B, C).

   Krāsas, atstarpes, rādiusi, ēnas un kustības ilgumi nāk no /alpine-ui.css
   (--ui-*). Divi vienumi ir lokāli un ir nosaukti te: pogu un lauku rādiuss
   8px (dizaina sistēmā tā nav, jo .ui-poga ir kapsula, bet šī forma ir
   taisnstūra) un kustības līkne no brīfa v2. Nekādu kapsulu, nekādu pārāk
   gaišu pelēko robežu uz vadīklām: lauku robeža ir --ui-robeza-vadikla
   (WCAG 1.4.11).

   Hover stāvokļi tikai @media (hover: hover): uz pieskārienu ierīces hover paliek
   "pielipis" pēc pirmā pieskāriena. */

dialog.piet {
  --piet-r: 8px;
  --piet-e: cubic-bezier(.23, 1, .32, 1);
  --piet-ien: 240ms;   /* ienākšana <= 280ms, izeja ātrāka */
  --piet-iet: 160ms;
  padding: 0; border: 0; margin: auto;
  width: min(520px, calc(100% - 2 * var(--ui-a4)));
  max-width: none;
  max-height: 92vh; max-height: 92dvh;
  overflow-y: auto; overscroll-behavior: contain;
  background: var(--ui-karte); color: var(--ui-tinte);
  border-radius: var(--ui-r-l);
  box-shadow: var(--ui-ena-3);
  font: 400 var(--ui-t-b)/1.5 var(--ui-fonts);
  font-variant-numeric: tabular-nums;
}
dialog.piet::backdrop { background: rgba(11, 31, 51, .5); }

/* Fona ritināšana, kamēr logs atvērts: showModal to nedara. */
html.piet-fiksets { overflow: hidden; }

/* ── Kustība ────────────────────────────────────────────────────────── */
@keyframes piet-centrs-ien { from { opacity: 0; transform: scale(.97); } to { opacity: 1; transform: none; } }
@keyframes piet-centrs-iet { from { opacity: 1; transform: none; } to { opacity: 0; transform: scale(.98); } }
@keyframes piet-lapa-ien { from { transform: translateY(100%); } to { transform: none; } }
@keyframes piet-lapa-iet { from { transform: none; } to { transform: translateY(100%); } }
@keyframes piet-fons-ien { from { opacity: 0; } to { opacity: 1; } }
@keyframes piet-fons-iet { from { opacity: 1; } to { opacity: 0; } }
@keyframes piet-saturs-ien { from { opacity: 0; } to { opacity: 1; } }

dialog.piet[open] { animation: piet-centrs-ien var(--piet-ien) var(--piet-e) both; }
dialog.piet[open]::backdrop { animation: piet-fons-ien var(--piet-ien) linear both; }
dialog.piet.piet-aizver { animation: piet-centrs-iet var(--piet-iet) ease-in both; }
dialog.piet.piet-aizver::backdrop { animation: piet-fons-iet var(--piet-iet) linear both; }
.piet-saturs { animation: piet-saturs-ien 180ms ease-out both; }

/* ── Telefons: apakšējā lapa ────────────────────────────────────────── */
@media (max-width: 640px) {
  dialog.piet {
    --piet-ien: 280ms;
    --piet-iet: 180ms;
    position: fixed; inset: auto 0 0 0; margin: 0;
    width: 100%;
    border-radius: var(--ui-r-l) var(--ui-r-l) 0 0;
    padding-bottom: env(safe-area-inset-bottom);
  }
  dialog.piet[open] { animation-name: piet-lapa-ien; }
  dialog.piet.piet-aizver { animation-name: piet-lapa-iet; animation-timing-function: var(--piet-e); }
  /* Atkārtotas izmantošanas logs ir modāls centrā, ne lapa (makets C). */
  dialog.piet[data-skats="atkartots"] {
    inset: 0; margin: auto; height: fit-content;
    width: calc(100% - 2 * var(--ui-a4));
    border-radius: var(--ui-r-l);
    padding-bottom: 0;
  }
  dialog.piet[data-skats="atkartots"][open] { animation-name: piet-centrs-ien; }
  dialog.piet[data-skats="atkartots"].piet-aizver { animation-name: piet-centrs-iet; animation-timing-function: ease-in; }
}

@media (prefers-reduced-motion: reduce) {
  dialog.piet[open], dialog.piet[open]::backdrop,
  dialog.piet.piet-aizver, dialog.piet.piet-aizver::backdrop,
  .piet-saturs { animation: none; }
  .piet-poga, .piet-aizvert { transition: none; }
  .piet-poga:active, .piet-aizvert:active { transform: none; }
}

/* ── Čaula ───────────────────────────────────────────────────────────── */
.piet-iekss { padding: var(--ui-a3) calc(var(--ui-a5) + var(--ui-a1)) calc(var(--ui-a5) + var(--ui-a1)); }
.piet-augsa { display: flex; justify-content: flex-end; height: 48px; margin: 0 calc(-1 * var(--ui-a4)) 0 0; }
.piet-rokturis { display: none; }
.piet-aizvert {
  display: inline-flex; align-items: center; justify-content: center;
  width: 48px; height: 48px; padding: 0; border: 0;
  border-radius: var(--piet-r); background: transparent; color: var(--ui-navy);
  cursor: pointer; touch-action: manipulation;
}
.piet-aizvert svg { width: 24px; height: 24px; }
.piet-aizvert { transition: transform 120ms var(--piet-e), background 120ms var(--piet-e); }
.piet-aizvert:active { transform: scale(.97); }
.piet-aizvert:focus-visible { outline: 2px solid var(--ui-navy); outline-offset: 2px; }
@media (max-width: 640px) {
  .piet-iekss { padding: var(--ui-a2) calc(var(--ui-a4) + var(--ui-a1)) var(--ui-a5); }
  .piet-rokturis {
    display: block; width: 40px; height: 4px; margin: 0 auto var(--ui-a1);
    border-radius: 2px; background: var(--ui-robeza-2);
  }
  .piet-augsa { margin-right: calc(-1 * var(--ui-a3)); }
  dialog.piet[data-skats="atkartots"] .piet-rokturis { display: none; }
}

/* Virsraksts vienā rindā: telefonā fonts ar clamp, lai ietilpst 390 px platumā. */
.piet-saturs h2 {
  margin: 0 0 var(--ui-a2); font-size: var(--ui-t-xl); line-height: 1.25;
  font-weight: 700; letter-spacing: 0; color: var(--ui-navy); text-wrap: balance;
}
@media (max-width: 640px) { .piet-saturs h2 { font-size: clamp(18px, 5.4vw, var(--ui-t-xl)); } }
.piet-saturs h2:focus { outline: none; }
.piet-ievads { margin: 0 0 var(--ui-a5); color: var(--ui-kluss); font-size: var(--ui-t-b); }

/* ── Kopsavilkuma josla ─────────────────────────────────────────────── */
.piet-kopsav {
  display: flex; gap: var(--ui-a3); align-items: center; min-width: 0;
  padding: var(--ui-a3); margin: 0 0 var(--ui-a5);
  border: 1px solid var(--ui-robeza); border-radius: var(--ui-r-m);
  background: var(--ui-zeme);
}
.piet-skats {
  flex: none; width: 72px; height: 72px; border-radius: var(--ui-r-s);
  background: var(--ui-robeza); object-fit: cover; display: block;
}
.piet-kopsav-teksts { min-width: 0; }
.piet-nos { margin: 0; font-size: var(--ui-t-m); color: var(--ui-kluss); overflow-wrap: anywhere; }
.piet-cena {
  display: block; margin: 2px 0 0; font-size: var(--ui-t-l); line-height: 1.2; font-weight: 700;
  color: var(--ui-navy);
  text-decoration: underline; text-decoration-color: var(--ui-saule);
  text-decoration-thickness: 3px; text-underline-offset: 6px;
}
.piet-cena-mazs { margin: var(--ui-a2) 0 0; font-size: var(--ui-t-xs); color: var(--ui-kluss); }
.piet-nb { white-space: nowrap; }

/* ── Lauki ───────────────────────────────────────────────────────────── */
.piet-rinda2 { display: grid; grid-template-columns: 1fr; gap: 0 var(--ui-a3); }
@media (min-width: 641px) { .piet-rinda2 { grid-template-columns: 1fr 1fr; } }
.piet-lauks { margin: 0 0 var(--ui-a4); min-width: 0; }
.piet-lauks > label { display: block; margin: 0 0 var(--ui-a2); font-size: var(--ui-t-m); line-height: 1.4; font-weight: 500; color: var(--ui-tinte); }
.piet-ievade {
  display: block; width: 100%; height: 48px; padding: 0 var(--ui-a4);
  border: 1px solid var(--ui-robeza-vadikla); border-radius: var(--piet-r);
  background: var(--ui-karte); color: var(--ui-tinte);
  font: inherit; font-size: var(--ui-t-b);
}
.piet-ievade:focus-visible { outline: 2px solid var(--ui-navy); outline-offset: 2px; }
.piet-tel {
  display: flex; align-items: stretch; height: 48px; overflow: hidden;
  border: 1px solid var(--ui-robeza-vadikla); border-radius: var(--piet-r);
  background: var(--ui-karte);
}
.piet-tel:focus-within { outline: 2px solid var(--ui-navy); outline-offset: 2px; }
.piet-prefikss {
  display: flex; align-items: center; padding: 0 var(--ui-a3);
  background: var(--ui-zeme); border-right: 1px solid var(--ui-robeza);
  color: var(--ui-kluss); font-weight: 500;
}
.piet-tel.bez-prefiksa .piet-prefikss { display: none; }
.piet-tel .piet-ievade { flex: 1; min-width: 0; height: 100%; border: 0; border-radius: 0; }
.piet-tel .piet-ievade:focus-visible { outline: none; }
.piet-lauks.kluda .piet-ievade, .piet-lauks.kluda .piet-tel { border-color: var(--ui-sarkans); }

.piet-kl {
  display: flex; gap: var(--ui-a2); align-items: flex-start; margin: var(--ui-a2) 0 0;
  font-size: var(--ui-t-m); color: var(--ui-sarkans);
}
.piet-kl svg { flex: none; width: 16px; height: 16px; margin-top: 3px; }
.piet-kl[hidden] { display: none; }
.piet-kl-vispar { margin: 0 0 var(--ui-a3); }

/* Piekrišana: viena rūtiņa, 24px, ar 48px skāriena laukumu caur etiķeti. */
.piet-piekr-bloks { margin: 0 0 var(--ui-a5) 0; }
.piet-piekr { display: flex; gap: var(--ui-a3); align-items: flex-start; }
.piet-piekr input {
  -webkit-appearance: none; appearance: none; flex: none;
  width: 24px; height: 24px; margin: var(--ui-a3) 0 0;
  border: 1.5px solid var(--ui-robeza-vadikla); border-radius: 6px;
  background: var(--ui-karte); cursor: pointer;
}
.piet-piekr input:checked {
  background: var(--ui-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat;
  border-color: var(--ui-navy);
}
.piet-piekr input:focus-visible { outline: 2px solid var(--ui-navy); outline-offset: 2px; }
.piet-piekr.kluda input { border-color: var(--ui-sarkans); }
.piet-piekr label { padding: var(--ui-a3) 0 0; font-size: var(--ui-t-b); line-height: 1.45; cursor: pointer; }
.piet-mazs { margin: var(--ui-a1) 0 0 36px; font-size: var(--ui-t-s); color: var(--ui-kluss); line-height: 1.45; }
.piet-mazs a, .piet-palidziba a { color: var(--ui-navy-2); font-weight: 500; }
.piet-piekr-bloks .piet-kl { margin-left: 36px; }

/* Honeypot: ārpus ekrāna, ne display:none (daži roboti to izlaiž). */
.piet-vietne { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Turnstile: parasti neredzams, parādās tikai, ja Cloudflare prasa darbību. */
.piet-turnstile { margin: 0 0 var(--ui-a3); min-height: 0; }

/* ── Pogas ───────────────────────────────────────────────────────────── */
.piet-poga {
  display: flex; align-items: center; justify-content: center;
  width: 100%; min-height: 48px; padding: var(--ui-a3) var(--ui-a4);
  border-radius: var(--piet-r); font: inherit; font-weight: 600; font-size: var(--ui-t-b);
  line-height: 1.25; text-align: center; text-decoration: none;
  cursor: pointer; touch-action: manipulation;
  transition: transform 120ms var(--piet-e), background 120ms var(--piet-e);
}
.piet-poga-1 { background: var(--ui-navy); color: var(--ui-karte); border: 1px solid var(--ui-navy); }
.piet-poga-2 { background: var(--ui-karte); color: var(--ui-navy); border: 1px solid var(--ui-navy); }
.piet-poga:active { transform: scale(.97); }
.piet-poga:focus-visible { outline: 2px solid var(--ui-navy); outline-offset: 2px; }
.piet-poga:disabled { opacity: .6; cursor: default; pointer-events: none; }
@media (hover: hover) and (pointer: fine) {
  .piet-poga-1:hover { background: var(--ui-navy-2); border-color: var(--ui-navy-2); }
  .piet-poga-2:hover { background: var(--ui-zeme); }
  .piet-aizvert:hover { background: var(--ui-zeme); }
  .piet-mazs a:hover, .piet-palidziba a:hover { text-decoration: none; }
}
@media (min-width: 641px) {
  .piet-iekss .piet-poga { width: auto; min-width: 280px; }
  .piet-pogas .piet-poga { width: 100%; }
}

/* ── B: apstiprinājums ───────────────────────────────────────────────── */
.piet-atz { display: block; width: 32px; height: 32px; margin: 0 0 var(--ui-a3); color: var(--ui-zals); }
.piet-atz svg { display: block; width: 32px; height: 32px; }
.piet-teksts { margin: 0 0 var(--ui-a5); color: var(--ui-kluss); overflow-wrap: anywhere; }
.piet-apst-cena { margin: 0 0 var(--ui-a4); }   /* cena pēc kontaktiem (14.10.2026) */
.piet-lejupielade { margin: 0 0 var(--ui-a5); }
.piet-soli { list-style: none; margin: 0 0 var(--ui-a5); padding: 0; display: grid; gap: var(--ui-a2); color: var(--ui-kluss); }
.piet-palidziba { margin: var(--ui-a4) 0 0; font-size: var(--ui-t-m); color: var(--ui-kluss); text-align: center; }

/* ── C: atkārtotas izmantošanas logs ─────────────────────────────────── */
.piet-pogas { display: grid; gap: var(--ui-a3); margin: 0; }