/* Само за WordPress — неща, които прототипът няма, защото там нищо не се
   изпраща на сървър: съобщенията на WooCommerce (грешка в полето, добавено,
   премахнато), екранните надписи на WooCommerce. Само токените на site.css —
   произволна стойност тук е дефект. */

/* „ד в количката е връзка (работи и без JavaScript), в прототипа — бутон:
   същият вид */
a.ci-x{display:grid;place-items:center;text-decoration:none}

/* Съобщенията на WooCommerce — като бележката (.note) на прототипа */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-error,.woocommerce-message,.woocommerce-info{list-style:none;margin:0 0 20px;padding:14px 18px;border-radius:var(--r-md);background:var(--paper-2);color:var(--ink)}
.woocommerce-error{border:2px solid var(--accent)}
.woocommerce-error li+li{margin-top:6px}
.woocommerce-message a,.woocommerce-info a{font-weight:700}
.woocommerce-NoticeGroup{grid-column:1/-1}

/* Екранните надписи на WordPress/WooCommerce — като .sr-only */
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Поле с грешка при плащане */
.woocommerce-invalid input{border-color:var(--accent)}

/* Влязъл администратор: лентата на WordPress (32px, на тесен екран 46px) стои
   отгоре и закриваше залепващата шапка. Посетителите нямат тази лента. Под 1000px
   шапката не лепне (site.css), затова там няма нужда. */
.admin-bar .top{top:32px}
@media (max-width:782px){.admin-bar .top{top:46px}}

/* Сивата завеса на WooCommerce, докато пресмята — по-лека, за да не „мига“ */
.blockUI.blockOverlay{background:var(--paper)!important;opacity:.5!important}