/* Mobilus Miestas – senos parduotuvės atitikties (parity) stiliai: paskyra, krepšelis, užsakymo žingsniai, padėka. 2026-10-21.
   ATSKIRAS failas: mm.css ir mm-ux.css neliečiami. Įtraukiamas layout/header.tpl iškart po mm-parity-list.css (oxstyle, ?filemtime).
   Spalvos ir dydžiai – tik per CSS kintamuosius (tokens). Norint atšaukti – pašalinti eilutę iš layout/header.tpl. */

:root {
  --mm-acct-icon-muted: #cbd5e1;   /* tuščio krepšelio piktograma (anksčiau įrašyta šablone) */
  --mm-acct-note-bg: var(--mm-blue-50, #f2f7fd);
  --mm-acct-gap: 16px;
  --mm-acct-surface: #fff;
  --mm-acct-form-w: 560px;     /* pirkimo žingsnio (cl=user) formos plotis */
}

/* tuščias krepšelis: piktogramos spalva per kintamąjį */
.mm-cart__empty .mm-cart__empty-ico { color: var(--mm-acct-icon-muted); }

/* pirkimo žingsnio forma (cl=user): plotis nepriklauso nuo turinio – be pastabos lauko pirkimo be registracijos forma susitraukdavo ir pasislinkdavo */
.mm-checkout--single .mm-checkout__main { width: 100%; max-width: var(--mm-acct-form-w); }

/* registracija / pirkimo žingsnis: senos parduotuvės pastabos ir įžangos tekstai */
.mm-acct-req { font-size: 13px; font-weight: 400; color: var(--mm-muted); }
.mm-acct-intro { margin: 0 0 var(--mm-acct-gap); color: var(--mm-muted); }
.mm-acct-note { margin: 8px 0 0; font-size: 13px; color: var(--mm-muted); }
#mmRegShipToggle { max-width: 100%; white-space: normal; text-align: left; }
.mm-vatid .input-group-text { color: var(--mm-muted); background: var(--mm-acct-note-bg); }

/* kontaktai: laikino persikėlimo pastaba po rekvizitais */
.mm-contact__note { margin: 0 0 var(--mm-acct-gap); padding: 10px 12px; border-radius: 8px; background: var(--mm-acct-note-bg); color: var(--mm-text); font-size: 14px; line-height: 1.45; }

/* padėka po užsakymo (kaip senoje: antraštė, paveikslėlis, tekstas, „Atgal į parduotuvę“) */
.mm-ty { margin: 0 0 32px; }
.mm-ty__title { margin: 8px 0 var(--mm-acct-gap); font-size: 26px; font-weight: 700; color: var(--mm-blue-dark); }
.mm-ty__box { display: flex; align-items: center; gap: 24px; padding: 20px; border: 1px solid var(--mm-border); border-radius: var(--mm-radius); background: var(--mm-acct-surface); box-shadow: var(--mm-shadow); }
.mm-ty__img { flex: none; width: 142px; height: 142px; object-fit: contain; }
.mm-ty__body { min-width: 0; }
.mm-ty__msg { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: var(--mm-text); }
.mm-ty__nr { margin: 0 0 8px; color: var(--mm-muted); }
.mm-ty__back { display: inline-block; margin-top: 8px; }

@media (max-width: 600px) {
  .mm-ty__title { font-size: 22px; }
  .mm-ty__box { flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px; }
  .mm-ty__img { width: 112px; height: 112px; }
}

/* ==========================================================================
   UX partija – atsiskaitymas (2026-10-21, paketas „checkout“): krepšelis, duomenys, pristatymas / apmokėjimas, peržiūra.
   Visi nauji dydžiai ir spalvos – :root tokenai žemiau (spalvos – esami mm.css / mm-ux.css tokenai).
   ========================================================================== */
:root {
  --mm-uxc-btn-h: 52px;                     /* = .mm-btn--cta aukštis (mm.css) */
  --mm-uxc-btn2-fg: var(--mm-blue);         /* antrinis mygtukas: tekstas ir rėmelis (6,6:1 ant balto) */
  --mm-uxc-btn2-bg: var(--mm-acct-surface);
  --mm-uxc-btn2-bg-hover: var(--mm-blue-50);
  --mm-uxc-btn2-border: 2px;
  --mm-uxc-cta-pad: 28px;                   /* = .mm-checkout__actions .mm-btn--cta (mm.css) */
  --mm-uxc-note-fs: 13px;
  --mm-uxc-card-title-fs: 18px;             /* = wave .card-title (antraštės h3 -> h2 be vaizdo pokyčio) */
  --mm-uxc-card-title-fw: 500;
  --mm-uxc-cbox-title-fs: 15px;             /* = mm.css .mm-cbox__title */
  --mm-uxc-lp-scroll: 76px;                 /* paštomato laukas telefone po lipnia juosta (64 px + tarpas) */
  --mm-uxc-lp-list-max-m: 45vh;             /* paštomatų sąrašas telefone tilpsta virš klaviatūros */
  --mm-uxc-total-fs: 20px;
  --mm-uxc-review-img: 88px;                /* = krepšelio eilutės nuotrauka (mm.css .mm-ci__pic img) */
}

/* 5.4: kortelių antraštės pirkimo žingsnyje ir peržiūroje dabar h2 – dydis kaip buvusių h3 */
.mm-checkout .card-header h2.card-title { font-size: var(--mm-uxc-card-title-fs); font-weight: var(--mm-uxc-card-title-fw); margin: 0; }
.mm-cbox h2.mm-cbox__title { font-size: var(--mm-uxc-cbox-title-fs); margin: 0; }

/* 3.8: pasirinkimo žingsnyje vienintelis geltonas CTA – „Pirkti be registracijos“; prisijungimas ir registracija – antriniai */
.mm-uxc-btn2 { width: 100%; height: var(--mm-uxc-btn-h); justify-content: center; background: var(--mm-uxc-btn2-bg); color: var(--mm-uxc-btn2-fg); border: var(--mm-uxc-btn2-border) solid var(--mm-uxc-btn2-fg); text-decoration: none; }
.mm-uxc-btn2:hover, .mm-uxc-btn2:focus { background: var(--mm-uxc-btn2-bg-hover); color: var(--mm-uxc-btn2-fg); text-decoration: none; }
.mm-chooser__form input[type=email] { width: 100%; height: 42px; border: 1px solid var(--mm-line); border-radius: 6px; padding: 0 12px; font-size: 15px; box-sizing: border-box; }

/* 3.5: duomenų žingsnyje „Tęsti“ – geltonas CTA; telefone „Ankstesnis žingsnis“ – teksto nuoroda kaip #userBackStepTop */
.cart-buttons .mm-uxc-next { width: 100%; }
@media (min-width: 768px) {
  .cart-buttons .mm-uxc-next { width: auto; padding: 0 var(--mm-uxc-cta-pad); }
}
@media (max-width: 768px) {
  /* wave styles.min.css kraunamas vėliau (.cart-buttons .btn { width: 100% }) – todėl didesnis specifiškumas;
     mm.css .mm-checkout .btn-outline-dark spalvas nustato su !important, todėl jos perrašomos taip pat */
  .mm-checkout .cart-buttons a.mm-uxc-back,
  .mm-checkout .cart-buttons a.mm-uxc-back:hover,
  .mm-checkout .cart-buttons a.mm-uxc-back:focus { width: auto; min-height: var(--mm-tap); padding: 0; border: 0; border-radius: 0; background: none !important; border-color: transparent !important; box-shadow: none; color: var(--mm-link) !important; font-size: 14px; font-weight: 400; text-decoration: none; }
}
/* privalomų laukų priminimas – maža blanki eilutė (tekstas nepakeistas) */
.mm-uxc-reqnote { margin: 0; font-size: var(--mm-uxc-note-fs); line-height: 1.4; color: var(--mm-muted); }

/* 3.6: pristatymo ir mokėjimo grupės – fieldset / legend be vaizdo pokyčio */
.mm-uxc-fs { min-width: 0; margin: 0; padding: 0; border: 0; }
.mm-uxc-fs > legend.mm-uxc-fs__legend { float: none; width: 100%; margin: 0; padding: 0; font-size: inherit; line-height: inherit; }

/* 3.7: pristatymo terminas kortelėje ir galutinė suma po mokėjimo būdais */
.mm-shipcard__term { display: block; flex-basis: 100%; font-size: var(--mm-uxc-note-fs); font-weight: 400; color: var(--mm-muted-strong); }
.mm-pay__total { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 16px 0 0; padding-top: 12px; border-top: 1px solid var(--mm-border); font-size: 15px; color: var(--mm-text); }
.mm-pay__total b { font-size: var(--mm-uxc-total-fs); font-weight: 800; white-space: nowrap; font-variant-numeric: lining-nums tabular-nums; }
@media (max-width: 575px) {
  body.cl-payment .mm-pay__total { padding-right: var(--mm-fab-clear-box); }
}

/* 3.2: paštomato pasirinkimas – paryškinta parinktis, patvirtinta eilutė su „Keisti“, telefone laukas virš klaviatūros */
.mm-lp__combo[hidden], .mm-lp__chosen[hidden] { display: none; }
.mm-lp__opt.is-active, .mm-lp__opt[aria-selected="true"] { background: var(--mm-blue-100); color: var(--mm-text); }
.mm-lp__chosen { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 8px 12px; border: 1px solid var(--mm-line); border-radius: 6px; background: var(--mm-acct-note-bg); font-size: 14px; color: var(--mm-text); }
.mm-lp__chosen-text { min-width: 0; overflow-wrap: anywhere; }
.mm-lp__change { min-height: var(--mm-tap-min); padding: 0; border: 0; background: none; color: var(--mm-link); font-size: 14px; font-weight: 600; text-decoration: underline; cursor: pointer; }
#mmLpSearch { scroll-margin-top: var(--mm-uxc-lp-scroll); }
@media (max-width: 768px) {
  .mm-lp__dropdown { max-height: var(--mm-uxc-lp-list-max-m); }
}

/* 3.3 / 2.1: peržiūros žingsnis – taisyklės tiesiai virš mygtuko, paštomatas prie pristatymo būdo */
.mm-agb { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; margin: 0 0 14px; font-size: 14px; color: var(--mm-text); }
.mm-agb p { margin: 0; }
.mm-cbox .mm-agb label { display: inline-flex; align-items: center; gap: 10px; min-height: var(--mm-tap); margin: 0; font-size: 14px; font-weight: 400; cursor: pointer; text-align: left; }
.mm-agb input[type=checkbox] { width: var(--mm-check); height: var(--mm-check); flex: 0 0 auto; margin: 0; accent-color: var(--mm-blue); }
.mm-agb__note { color: var(--mm-muted-strong); font-size: var(--mm-uxc-note-fs); }
.mm-agb__err { color: var(--mm-req); font-size: var(--mm-uxc-note-fs); font-weight: 600; }
.mm-agb__err[hidden] { display: none; }
/* uxb-blk: sąlygų nuorodos turi atrodyti kaip nuorodos (wave styles.min.css „a { color: #333 }“ jas sulygino su tekstu) */
.mm-agb a { color: var(--mm-link); text-decoration: underline; text-underline-offset: 2px; }
.mm-uxc-locker { margin: 4px 0 0; font-size: var(--mm-uxc-note-fs); color: var(--mm-muted-strong); overflow-wrap: anywhere; }
/* adresų langeliai: #orderAddress yra 2 stulpelių tinklelis (mm.css), o bootstrap .col-md-6 dar apribodavo plotį iki pusės langelio
   (abu adresai užimdavo tik kairę pusę); dabar langelis = tinklelio stulpelis, kaip pristatymo / mokėjimo eilutėje žemiau */
#orderAddress > [class*="col-"] { flex: none; width: auto; max-width: none; }
/* peržiūros krepšelyje prekės nuotrauka buvo be dydžio ribos (originalas iki 1000 px) – kaip krepšelio eilutėje */
#orderEditCart .cart_item-list img { display: block; width: auto; height: auto; max-width: min(100%, var(--mm-uxc-review-img)); max-height: var(--mm-uxc-review-img); object-fit: contain; }
@media (max-width: 575px) {
  .mm-agb { align-items: stretch; text-align: left; }
  #orderConfirmAgbBottom .mm-btn--wide { width: 100%; justify-content: center; }
}