/* Etapp 8: fototellimused (korv, tellimused, hinnakiri, arveseaded). Kasutab teema.css muutujaid. */
.tellimine { margin-top: 2rem; padding: 1rem 1.25rem; border: 1px solid var(--joon, #8a7a5c); background: rgba(255,255,255,.35); }
.tellimine h2 { margin-top: 0; }
.tellimine__fotod { list-style: none; margin: 0; padding: 0; }
.tellimine__fotod li { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; justify-content: space-between;
  padding: .5rem 0; border-bottom: 1px dotted var(--joon, #8a7a5c); }
.tellimine__fotod li:last-child { border-bottom: 0; }
.tellimine__nimi { display: flex; flex-direction: column; }
.tellimine form { margin: 0; display: inline; }

.arvuke { font-size: .85em; opacity: .85; }
.konto__markuanded { font-weight: 600; }

.korv input[type=text], .korv select { max-width: 100%; }
.korv td input[name^="kogus_"] { text-align: right; }
.arv { text-align: right; white-space: nowrap; }
.summad { display: grid; grid-template-columns: 1fr auto; gap: .25rem 1.5rem; max-width: 24rem; margin: 1rem 0 1rem auto; }
.summad dt { text-align: right; } .summad dd { margin: 0; text-align: right; }

.andmed { display: grid; grid-template-columns: max-content 1fr; gap: .25rem 1rem; margin: 1rem 0; }
.andmed dt { font-weight: 600; } .andmed dd { margin: 0; }

.silt--esitatud, .silt--arve_saadetud { background: #e8dcb0; }
.silt--makstud { background: #cfe0c3; }
.silt--lingid_saadetud { background: #b9d3b0; }
.silt--aegunud { background: #ddd3c8; }
.silt--koostamisel, .silt--aktiivne { background: #d8e4d0; }

.arve-logo { max-width: 14rem; max-height: 6rem; border: 1px solid var(--joon, #8a7a5c); background: #fff; padding: .25rem; }
.tabel--vorm input[type=text], .tabel--vorm input[type=number], .tabel--vorm input:not([type]) { width: 100%; box-sizing: border-box; }
.vorm__grupp { margin: 1.25rem 0; padding: .75rem 1rem 1rem; border: 1px solid var(--joon, #8a7a5c); }
.vorm__grupp legend { padding: 0 .4rem; font-weight: 600; }
.vorm .helptext { display: block; font-size: .9em; opacity: .85; }
.valik { display: inline-flex; gap: .5rem; align-items: center; }

.markuanded { list-style: none; padding: 0; }
.markuanne { padding: .5rem .75rem; border-left: 3px solid transparent; border-bottom: 1px dotted var(--joon, #8a7a5c); }
.markuanne--uus { border-left-color: var(--fuksia, #a1306a); background: rgba(255,255,255,.35); }
.markuanne p { margin: .15rem 0; }
.nupp--oht { color: var(--fuksia-tume, #7a1f4f); }

@media (max-width: 40rem) { .tellimine__fotod li { flex-direction: column; align-items: flex-start; } .summad { margin-left: 0; } }