/* ---- shop-api.css */
/* the back end only (SK_BACKEND=1; lib.mjs backendAssets() serves it as assets/sk/backend.css after sk.css): fits for the
   API states of the shop pages and /otkaz. Template tokens only; the demo's shop.css stays as it is. */
/* small phones: the consent and the pay button before the payment facts (shop.css does this for the demo's #sk-pay) */
@media screen and (max-width: 479px) {
  .sk-payment #sk-api-pay .form_main_layout > .sk-pay-facts { order: 1; }
  .sk-payment #sk-api-pay .form_main_layout > .sk-sr { order: 2; }
}
/* the card's lead takes the script's longer texts (a new code sent, an error, a closed order): no lone last word */
.sk-card .utility_main_title [data-sk="lead"] { text-wrap: balance; }
/* /klientska-zona: „Изпратете нов код“, „променете данните“ are buttons that read as the card's small links */
.sk-linkbtn {
  display: inline; padding: 0; border: 0; background: none; color: inherit; font: inherit;
  text-decoration: underline; text-underline-offset: .15em; cursor: pointer;
}
.sk-linkbtn:disabled { opacity: .5; cursor: progress; }
.sk-linkbtn:focus-visible { outline: 2px solid var(--_theme---text); outline-offset: 2px; }
.sk-login .form_main_input[readonly] { color: var(--_theme---text-faded); }
/* /dokumenti: the received documents right under the order rows; the withdrawal line */
.sk-docs .sk-order-files { margin: calc(var(--_size---space--large) * -1) 0 var(--_size---space--large); }
.sk-docs .sk-withdraw-link { margin: 0 0 var(--_size---space--large); text-wrap: balance; }
.sk-docs [data-sk="portal-error"] { margin: 0 0 var(--_size---space--main); }
/* /plashtane, an order that no longer waits for a payment (withdrawn, refunded, expired): the buttons under the lead
   stand apart from the order rows, and the rows close the card */
.sk-payment .utility_main_card[data-sk-state="closed"] .utility_main_btn[data-sk="missing"] { margin-bottom: var(--_size---space--large); }
.sk-payment .utility_main_card[data-sk-state="closed"] .sk-order { margin-bottom: 0; }
/* /dokumenti, an order that takes no more documents: „Нова поръчка“ closes the card in place of the form */
.sk-docs .utility_main_btn[data-sk="closed"] { margin-bottom: 0; }
/* /poruchka: the error block under a field the server named, inside the stacked phone row or the consent group:
   the group's own gap spaces it (as the form's gap does under the drop zone) */
.sk-checkout .form_main_columns > .form_main_error, .sk-checkout .sk-checks > .form_main_error { margin-top: 0; }
/* /otkaz: the note above the button sits with the form */
.sk-withdraw .sk-note { margin: 0; text-wrap: balance; }
/* a success block the script focuses for screen readers (tabindex="-1", not a tab stop): no focus ring of its own,
   also when it is focused on page load (/statii?abonament=…) */
.w-form-done[tabindex="-1"]:focus { outline: none; }
/* phones: small links and link buttons are 44 px targets (a link inside a sentence stays in the sentence) */
@media screen and (max-width: 767px) {
  .sk-linkbtn, .sk-withdraw .form_main_success_layout > .u-text-style-extra-small a { display: inline-flex; align-items: center; min-height: 2.75rem; }
  /* the withdrawal link on its own line under the date */
  .sk-docs .sk-withdraw-link a { display: flex; justify-content: center; align-items: center; min-height: 2.75rem; }
}
/* the footer: „Отказ от договор“ (ЗЗП чл. 52а) makes the СтройКонсулт link column one line longer than the template's;
   from 992 px, where the logo column sits beside the link columns, it is sticky like the other side columns beside long
   lists (base.css .form_contact_left) */
@media screen and (min-width: 992px) {
  .footer_column.is-1 { position: sticky; top: 7.5rem; align-self: start; }
}