/* Barex Cart Deals — monochrome, hairlines, generous padding (V4 language). */
.bcd{margin:0 0 22px;font-size:14px;line-height:1.55;color:#1b1b1b;text-align:left}
.bcd svg{width:17px;height:17px;flex:none;display:inline-block;vertical-align:middle}

/* pinned free-shipping line: its own quiet box */
.bcd .bcd-ship{display:flex;align-items:center;gap:11px;font-size:14px;
  border:1px solid #e3e3e0;background:#fafaf9;padding:14px 18px;margin:0 0 10px}
.bcd .bcd-ship strong{font-weight:600;font-variant-numeric:tabular-nums}

/* deal list containers */
.bcd .bcd-flat{border:1px solid #e3e3e0;padding:4px 18px 8px}
.bcd details.bcd-acc{border:1px solid #e3e3e0}
.bcd details.bcd-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;
  gap:11px;padding:14px 18px;font-size:14px;user-select:none}
.bcd details.bcd-acc summary::-webkit-details-marker{display:none}
.bcd details.bcd-acc summary .bcd-cnt{color:#8d8d88;font-variant-numeric:tabular-nums}
.bcd details.bcd-acc summary .bcd-ar{margin-left:auto;color:#8d8d88;font-size:10px}
.bcd details.bcd-acc summary .bcd-ar::before{content:"\25BC"}
.bcd details.bcd-acc[open] summary .bcd-ar::before{content:"\25B2"}
.bcd details.bcd-acc[open] summary{border-bottom:1px solid #eeeeec}
.bcd details.bcd-acc .bcd-body{padding:4px 18px 8px}

/* rows */
.bcd .bcd-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;
  border-bottom:1px dotted #e6e6e3;font-size:13.5px}
.bcd .bcd-row:last-child{border-bottom:0}
.bcd .bcd-row>svg{margin-top:3px;color:#6f6f6a}
.bcd .bcd-row.bcd-on>svg{color:#131313}
.bcd .bcd-txt{flex:1;min-width:0}
.bcd .bcd-nm{display:block;color:#1b1b1b;font-weight:500}
.bcd .bcd-cond{display:block;font-size:12.5px;color:#8d8d88;margin-top:2px;font-weight:400}
.bcd .bcd-st{margin-left:auto;text-align:right;color:#8d8d88;font-size:12.5px;
  white-space:nowrap;font-variant-numeric:tabular-nums;padding-top:2px}
.bcd .bcd-row.bcd-on .bcd-st{color:#1b1b1b}
.bcd .bcd-st a{display:block;color:#1b1b1b;font-weight:500;text-decoration:underline;
  text-underline-offset:2px;margin-top:3px;white-space:nowrap}
/* blocked: text dims part-by-part (container opacity would also dim the
   "keisti į šį" swap link, which must stay a first-class action) */
.bcd .bcd-row.bcd-blocked>svg,
.bcd .bcd-row.bcd-blocked .bcd-txt{opacity:.55}
.bcd .bcd-row.bcd-blocked .bcd-cond{font-style:italic}
.bcd .bcd-st a.bcd-swap{font-weight:400}
/* applied state as a quiet pastel badge (matches the coupon-tile chips) */
.bcd .bcd-badge{display:inline-block;background:#eaf4ee;border:1px solid #cfe5d8;color:#2e7d4f;
  padding:2px 9px;font-size:11px;letter-spacing:.04em;font-weight:500}
/* applied but the gift wasn't picked yet — amber, same shape */
.bcd .bcd-badge.bcd-badge-warn{background:#fbf3e3;border-color:#ecdcb6;color:#8a6420}
.bcd .bcd-st a.bcd-pick-gift{font-weight:400}

/* mini-cart: self-spaced (the widget hook area has no padding of its own) */
/* theme's 360px dropdown is too tight for the deal rows; doubled class outranks
   both theme declarations (desktop + mobile media query) regardless of load order */
.header_cart_widget.header_cart_widget{width:470px;max-width:calc(100vw - 30px)}
/* tighten the gap between our block and the product list (theme has 30px on top) */
.header_cart_widget.header_cart_widget .widget_shopping_cart ul.cart_list{padding:10px 30px 15px}

/* A full cart used to grow the dropdown past the bottom of the screen, taking
   "Krepšelis" and "Apmokėti" with it. Only the item list is capped and scrolls
   — the deals block above it and the total + buttons below it stay pinned, so
   the free-shipping progress can't scroll away while the user shops. ~5 rows
   (61px each) plus a sliver of the sixth: the half-row IS the scroll cue.
   position:relative so li.offsetTop is measured against the list (bcd.js). */
.header_cart_widget.header_cart_widget .widget_shopping_cart ul.cart_list{
  position:relative;max-height:min(335px,40vh);overflow:hidden auto;
  overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6d6d6 transparent}
.header_cart_widget .widget_shopping_cart ul.cart_list::-webkit-scrollbar{width:4px}
.header_cart_widget .widget_shopping_cart ul.cart_list::-webkit-scrollbar-track{background:transparent}
.header_cart_widget .widget_shopping_cart ul.cart_list::-webkit-scrollbar-thumb{background:#d6d6d6;border-radius:4px}
/* Fade the bottom edge only while there is more below — a permanent fade on the
   last row reads as a rendering fault. A mask, not an overlay: an absolutely
   positioned ::after inside a scroller scrolls away together with the content,
   while a mask stays pinned to the element's own bottom edge. */
.header_cart_widget .widget_shopping_cart ul.cart_list.bcd-mc-fade{
  -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 34px),transparent);
  mask-image:linear-gradient(to bottom,#000 calc(100% - 34px),transparent)}
/* The cue costs ZERO height: it hangs in the whitespace that already sits
   between the list and the total (the list's 15px bottom padding + the total's
   15px top padding), centred on their shared edge. A cue in normal flow would
   make the whole dropdown jump every time it appeared or vanished on scroll.
   The text is out of flow inside a 0-height box, so showing/hiding it moves
   nothing. Clicks still reach the <p> by bubbling — that's the scroll handler. */
.bcd-mc-more{display:none}
.header_cart_widget .bcd-mc-more{display:block;position:relative;z-index:2;
  height:0;margin:0;padding:0;overflow:visible;pointer-events:none}
.header_cart_widget .bcd-mc-more[hidden]{display:none}
/* The band the cue hangs in is 35px: the list's 15px bottom padding + 20px on
   top of the total. The text sits 10px below the last product row, leaving 8px
   under it before SUMA. top:0 is the edge between the two, so -5px puts the
   text's top edge 10px into the 15px above it. Still out of flow = no height. */
.header_cart_widget.header_cart_widget .widget_shopping_cart .woocommerce-mini-cart__total{padding-top:20px}
/* doubled class: the widget's own line-height (22.8px) otherwise wins and pads
   the line box, which would eat the gap under the text */
.header_cart_widget.header_cart_widget .bcd-mc-more span{position:absolute;left:30px;right:30px;top:0;
  transform:translateY(5px);text-align:center;pointer-events:auto;cursor:pointer;
  font-size:12px;line-height:17px;font-weight:500;letter-spacing:.02em;color:#8a8a8a}
.header_cart_widget .bcd-mc-more span:hover{color:#333}
/* the theme styles every svg in the widget as its pointer arrow (8x40, absolute,
   bottom:100%) — un-arrow our icons or they vanish off the top of the dropdown */
.header_cart_widget .bcd svg{position:static;width:15px;height:15px;transform:none}
/* theme widget CSS flattens spans to inline — keep title and condition on their own lines */
.header_cart_widget .bcd .bcd-nm,.header_cart_widget .bcd .bcd-cond{display:block}
.bcd-mini{margin:16px 18px 10px;font-size:13px}
.bcd-mini svg{width:15px;height:15px}
.bcd-mini .bcd-ship{padding:11px 13px;font-size:12.5px;gap:9px}
.bcd-mini .bcd-flat{padding:2px 13px 5px}
.bcd-mini details.bcd-acc summary{padding:11px 13px;font-size:12.5px}
.bcd-mini details.bcd-acc .bcd-body{padding:2px 13px 5px}
.bcd-mini .bcd-row{padding:10px 0;font-size:12.5px}
.bcd-mini .bcd-cond{font-size:11.5px}
.bcd-mini .bcd-st{font-size:11.5px}
.bcd-mini .bcd-st a{white-space:normal}

/* checkout: full-width strip above the checkout grid (cart-page position) */
.bcd-checkout-top{margin:0 0 18px}
.bcd-checkout-top .bcd{margin:0}

@media (max-width:520px){
  .bcd .bcd-row{flex-wrap:wrap}
  .bcd .bcd-st{margin-left:29px;text-align:left;white-space:normal;padding-top:0}
}