/* settings of the price file: tpl/block/price_settings, js/price-settings.js */
/* colors are also needed in the category windows of /ceni/, they are outside of the block */
.prs, .prs-cat-dl { --prs-accent: #EC7529; --prs-green: #83B00B; --prs-green-dark: #6f9609; --prs-green-bg: #f3f8e6;
	--prs-line: #e2e2e2; --prs-gray: #cbcbcb; --prs-muted: #878787; --prs-bg: #f8f8f8; }
/* type is the same as on the site: Inter from the theme, 14px, normal line height, #212121,
   only weights 400 and 700 (subtitles are bold like the old "block bold" lines of this window) */
.prs {
	display: flex; flex-direction: column; gap: 16px; margin-top: 16px; font-size: 14px; line-height: normal; color: #212121; }
.prs [hidden] { display: none !important; }

.prs-howto { border-left: 3px solid var(--prs-green); background: var(--prs-bg); padding: 12px 16px; border-radius: 0 8px 8px 0; max-width: 900px; }
.prs-locked { background: var(--prs-bg); border-radius: 8px; padding: 12px 16px; color: var(--prs-muted); }

.prs-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
.prs--page .prs-body { grid-template-columns: minmax(0, 460px) minmax(0, 1fr); }
.prs--page .prs-body:not(:has(.prs-video)) { grid-template-columns: minmax(0, 460px); }
@media (max-width: 991px) { .prs--page .prs-body { grid-template-columns: minmax(0, 1fr); } }

.prs-form { display: flex; flex-direction: column; gap: 14px; margin: 0; }
.prs--page .prs-form { border: 1px solid var(--prs-line); border-radius: 10px; padding: 16px; background: #fff; }
.prs-title { font-size: 18px; font-weight: 700; }/* like block titles of the cabinet */
.prs-row { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.prs-lbl { font-size: 14px; font-weight: 700; color: #212121; margin: 0 0 2px; padding: 0; width: auto; float: none; }

.prs-seg { display: inline-flex; align-self: flex-start; border: 1px solid var(--prs-line); border-radius: 8px; overflow: hidden; }
.prs-seg label { margin: 0; cursor: pointer; position: relative; }
.prs-seg input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.prs-seg span { display: block; padding: 7px 14px; transition: background .15s, color .15s; }
.prs-seg label + label span { border-left: 1px solid var(--prs-line); }
/* chosen value: orange like the site switches */
.prs-seg input:checked + span { background: var(--prs-accent); color: #fff; }
.prs-seg input:focus-visible + span { outline: 2px solid var(--prs-accent); outline-offset: -2px; }

/* switches look like all switches of the site (theme css: input + label:before/after) */
.prs-check { position: relative; min-height: 22px; }
.prs-check label { display: inline-block; margin: 0; font-weight: 400; line-height: 20px; color: #524c4c; }/* like switches of the cabinet */
.prs-check input:focus-visible + label:before { outline: 2px solid var(--prs-accent); outline-offset: 2px; }
.prs-check.is-fixed label { cursor: default; color: var(--prs-muted); }
.prs-check.is-fixed input:checked + label:before { background: #f3b98f; }
.prs-check small { font-size: 12px; }

.prs-save { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
/* download: green like the main buttons of the site ("Ок" of the filter) */
.prs-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 0 18px;
	border: 1px solid var(--prs-green); border-radius: 5px; background: var(--prs-green); color: #fff; font-size: 14px; font-weight: 400;
	cursor: pointer; text-decoration: none; transition: background .2s, border-color .2s, color .2s; }
.prs-btn:hover, .prs-btn:focus { color: #fff; text-decoration: none; background: var(--prs-green-dark); border-color: var(--prs-green-dark); }
.prs-btn .icon-auth6 { font-size: 20px; }
.prs-btn .icon-auth6:before { color: #fff; }/* theme paints this icon gray */
/* save: gray frame like "Скачать файл" in the cabinet (.dd-button) */
.prs-btn--save { background: #fff; border-color: var(--prs-gray); color: #212121; }
.prs-btn--save:hover, .prs-btn--save:focus { background: #fff; color: #212121; border-color: var(--prs-green); }
/* nothing to save: the same white button with pale text (theme css paints disabled buttons gray) */
.prs .prs-btn.prs-btn--save[disabled] { background: #fff; color: var(--prs-muted); opacity: 1; cursor: default; border-color: var(--prs-gray); }
.prs-btn.is-wait { opacity: .7; pointer-events: none; }

.prs-state { font-size: 12px; }
.prs-state.is-ok { color: #4c6b00; }
.prs-state.is-dirty { color: #9a6700; }
.prs-state.is-error { color: #c62828; }
.prs-sum { font-size: 12px; color: var(--prs-muted); }

.prs-dl .prs-btn { width: 100%; }
.prs-video video { display: block; width: 100%; max-width: 640px; aspect-ratio: 16 / 9; background: #000; border-radius: 10px; }

/* one download button in the category windows of /ceni/ */
.prs-cat-dl { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.prs-cat-dl .prs-btn { width: 100%; }