/* Chaprika – custom-cut label order form. Loaded after jozve.css; only what labels add. */

.chpl .chpj-steppers + .chpj-steppers { margin-top: 12px; }

.chpl-note { margin: 10px 4px 0; font-size: 12.5px; line-height: 1.8; color: #3E5260; background: #EEF8FC; border-radius: 10px; padding: 7px 12px; }
.chpl-note--plain { margin: 8px 0 0; background: transparent; padding: 0 4px; color: var(--chpj-muted); }
/* How many fit and what is delivered: warm colour so it is read before ordering. */
.chpl-fit { margin: 12px 0 0; padding: 10px 14px; border-radius: 12px; background: #FFF4E0; border: 1px solid #F5C77A; color: #7A4B00; }
.chpl-fit[hidden] { display: none; }
.chpl-fit p { margin: 0; font-size: 13.5px; line-height: 1.9; font-weight: 600; }
.chpl .chpl-best { margin-top: 8px; background: #fff; color: #7A4B00 !important; border: 1px solid #E8A93C; box-shadow: none; }
.chpl .chpl-best:hover { background: #FFE9C2; }
.chpl .chpl-best[hidden] { display: none; }

/* Preview: one printing sheet with the labels laid out on it. */
.chpl-stage { display: flex; align-items: center; justify-content: center; min-height: 360px; padding: 12px 0; }
.chpl-sheet { position: relative; background: #fff; border-radius: 4px; box-shadow: 0 10px 28px rgba(15, 30, 42, .16), 0 0 0 1px rgba(15, 30, 42, .06); }
.chpl-sheet::before { content: ""; position: absolute; inset: 0; border-radius: 4px; background: linear-gradient(118deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 60%); pointer-events: none; z-index: 2; }
.chpl-sheet > span { position: absolute; border-radius: 3px; background: linear-gradient(135deg, #29ABE2, #6CC4EA); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55); }
.chpl-sheet > span:nth-child(3n+2) { background: linear-gradient(135deg, #A8CF45, #C6E07F); }
.chpl.is-pvc .chpl-sheet { background: #F4F6F7; }
.chpl.is-pvc .chpl-sheet::before { display: none; }
.chpl-sheet-more { position: absolute; inset: auto 0 6px; text-align: center; font-size: 11px; color: var(--chpj-muted); z-index: 3; }

/* Price of one label under the total. */
.chpl-unit { margin: -4px 0 10px; text-align: left; font-size: 12.5px; color: var(--chpj-muted); }
.chpl-unit:empty { display: none; }

/* Mobile bar: let the count and per-label price wrap instead of being cut off. */
.chpl .chpj-bar-sum { white-space: normal; overflow: visible; line-height: 1.5; }

/* Fewer files than designs. */
.chpl-files-warn { margin: 8px 0 0; padding: 8px 12px; border-radius: 10px; background: #FFF4E0; border: 1px solid #F5C77A; color: #7A4B00; font-size: 12.5px; line-height: 1.8; }
.chpl-files-warn[hidden] { display: none; }

/* Optional cut-line file. */
.chpl-sub { margin: 18px 0 4px; font-size: 14px; font-weight: 800; color: var(--chpj-ink); }
.chpl-sub span { font-size: 11.5px; font-weight: 600; color: var(--chpj-muted); background: #EEF2F4; border-radius: 999px; padding: 2px 8px; margin-right: 6px; }
.chpl .chpl-drop--cut { padding: 14px; border-style: dashed; }