/* ==========================================================================
   Basket pages (v1.0): the few pieces that belong to the basket and the list pages alone. Loads after components.css, from {% block head %}.
   Everything the pages share with others (the page head, the basket rows and groups, shopping mode's ticks and running total, the list card, the
   deal card with its verdict, chip groups, the camera dialog) is in components.css and layout.css and used through the macros.

   Rules kept (README section 6): NEW class names only (bk-*), so no kit class is restyled here; tokens only, no literal colour; tap targets 44px or more.
   ========================================================================== */


/* The cheapest-split sentence (S2 "Najjeftinije je podijeliti kupnju na 2 trgovine ...") */
.bk-split{font-size:.95rem;color:var(--ink-2);text-wrap:pretty}
.bk-split b{color:var(--ink)}

/* Shown by the script after a local quantity change, while the saving is withdrawn */
.bk-stale{padding:10px 12px;border-radius:var(--radius-13);border:1px dashed var(--line-strong);background:var(--raise)}

/* The baseline sentence under the callout's text */
.bk-base{display:block;margin-top:4px;font-size:.78rem;color:var(--muted)}

/* Lists page: the actions under the cards */
.bk-actions-row{margin-top:var(--space-5)}

/* The name form on a page of its own (list_new): one field does not need the width of the page */
.bk-narrow{max-width:32rem}

/* List detail: two buttons that do not fit one row each take a full row on a phone */
@media (max-width:559px){.bk-list-actions .btn{flex:1 1 100%}}


/* Forced colours: shapes that exist only as a fill or a dashed line keep a visible edge */
@media (forced-colors:active){
  .bk-stale{border:1px solid CanvasText}
}