/* Chaprika – book order form. Loaded after jozve.css; only what the book adds. */

/* Six sizes: a 3×2 grid instead of one row. */
.chpk .chpj-group[data-group="size"] .chpj-seg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }

.chpk-note { margin: -4px 4px 0; font-size: 12.5px; line-height: 1.8; color: #3E5260; background: #EEF8FC; border-radius: 10px; padding: 7px 12px; }
.chpk-note--plain { margin: 0; background: transparent; padding: 0 4px; color: var(--chpj-muted); }

/* Binding tiles: three, each with its page limit. */
.chpk .chpk-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.chpk-tile-limit { font-size: 11.5px; color: var(--chpj-muted); }
.chpk .chpj-tile[disabled] { opacity: .45; cursor: not-allowed; }
.chpk .chpj-tile[disabled] .chpk-tile-limit { color: var(--chpj-warn); font-weight: 700; }
.chpk .chpk-bind-warn { display: block; margin: 0; }

/* Preview: a book with a spine and a laminated cover. */
.chpk-spine { position: absolute; top: 0; bottom: 0; right: -6px; width: 6px; border-radius: 0 3px 3px 0; background: #006E99; }
.chpk-book.is-hard .chpj-front { border-radius: 5px; box-shadow: 0 12px 26px rgba(15, 30, 42, .22), inset 0 0 0 3px rgba(0, 0, 0, .12); }
.chpk-book.is-hard .chpk-spine { width: 10px; right: -10px; background: #00557A; }
.chpk-book.is-staple .chpk-spine { display: none; }
.chpk-shine { position: absolute; inset: 0; border-radius: 3px; pointer-events: none; background: linear-gradient(118deg, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, .45) 48%, rgba(255, 255, 255, 0) 58%); }
.chpk-book.is-matte .chpk-shine { display: none; }

@media (max-width: 559px) {
	.chpk .chpj-group[data-group="size"] .chpj-group-row { flex-direction: column; align-items: stretch; gap: 6px; }
	.chpk .chpj-group[data-group="size"] .chpj-group-label { width: auto; flex-basis: auto; }
	.chpk .chpj-group[data-group="size"] .chpj-hint { margin-right: 0; }
}

@media (min-width: 560px) {
	.chpk .chpk-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}