/*
 * Lene Cart
 * Mobile cart UI for Lene.lt
 * Replace the entire old lene-cart.css with this file.
 */

@media (max-width: 768px) {

  :root {
    --lene-cart-accent: #b8d0c8;
    --lene-cart-accent-dark: #a9c3ba;
    --lene-cart-text: #07121d;
    --lene-cart-muted: #66717d;
    --lene-cart-line: #e5e9e7;
    --lene-cart-page-bg: rgba(225, 213, 192, 0.15);
    --lene-cart-card-bg: #ffffff;
    --lene-cart-shadow: 0 4px 17px rgba(0, 0, 0, 0.09);
    --lene-cart-radius: 8px;
    --lene-cart-side: 12px;
    --lene-cart-gap: 8px;
  }

  /* =========================================
     PAGE / WOODMART LAYOUT RESET
  ========================================= */

  body.woocommerce-cart.lene-mobile-cart-active {
    padding-bottom: 150px !important;
    background: var(--lene-cart-page-bg) !important;
  }

  body.woocommerce-cart .cart-content-wrapper {
    --wd-row-gap: var(--lene-cart-gap) !important;
    --wd-col-gap: 0px !important;
    gap: var(--lene-cart-gap) 0 !important;
    align-items: stretch !important;
  }

  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .woocommerce-cart-form table.shop_table,
  body.woocommerce-cart .woocommerce-cart-form tbody {
    margin: 0 !important;
  }

  body.woocommerce-cart .woocommerce-cart-form table.shop_table {
    border: 0 !important;
    background: transparent !important;
  }

  body.woocommerce-cart .woocommerce-cart-form thead,
  body.woocommerce-cart tr.wd-cart-action-row,
  body.woocommerce-cart tr.woocommerce-cart-form__cart-item.cart_item {
    display: none !important;
  }

  /* Hide original delivery selection and original checkout button */
  body.woocommerce-cart.lene-mobile-cart-active
  .cart_totals .woocommerce-shipping-totals,
  body.woocommerce-cart.lene-mobile-cart-active
  .cart_totals .shipping,
  body.woocommerce-cart.lene-mobile-cart-active
  .cart_totals ul#shipping_method,
  body.woocommerce-cart.lene-mobile-cart-active
  .cart_totals .woocommerce-shipping-destination,
  body.woocommerce-cart.lene-mobile-cart-active
  .cart_totals .woocommerce-shipping-calculator,
  body.woocommerce-cart.lene-mobile-cart-active
  .wc-proceed-to-checkout {
    display: none !important;
  }

  /* =========================================
     SHARED CARD SIZING
  ========================================= */

  body.woocommerce-cart .lene-cart-delivery-info,
  body.woocommerce-cart .lene-cart-coupon-card,
  body.woocommerce-cart .lene-mobile-cart-card,
  body.woocommerce-cart .cart_totals {
    width: calc(100% - (var(--lene-cart-side) * 2)) !important;
    max-width: none !important;
    margin: 0 var(--lene-cart-side) !important;
    box-sizing: border-box !important;
    border-radius: var(--lene-cart-radius) !important;
    background: var(--lene-cart-card-bg) !important;
    box-shadow: var(--lene-cart-shadow) !important;
  }

  /* =========================================
     DELIVERY INFO
  ========================================= */

  body.woocommerce-cart .lene-cart-delivery-info {
    padding: 14px !important;
    color: var(--lene-cart-text);
  }

  body.woocommerce-cart .lene-cart-delivery-heading {
    display: grid;
    grid-template-columns: 38px 1fr 38px;
    align-items: center;
    column-gap: 8px;
  }

  body.woocommerce-cart .lene-cart-delivery-heading::after {
    content: "";
    width: 38px;
    height: 1px;
  }

  body.woocommerce-cart .lene-cart-delivery-heading > div {
    min-width: 0;
    text-align: center;
  }

  body.woocommerce-cart .lene-cart-delivery-heading strong {
    display: block;
    margin: 0 !important;
    color: var(--lene-cart-text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
  }

  body.woocommerce-cart .lene-cart-delivery-heading p {
    display: none !important;
  }

  body.woocommerce-cart .lene-cart-delivery-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(184, 208, 200, 0.35);
    color: var(--lene-cart-text);
  }

  body.woocommerce-cart .lene-cart-delivery-icon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body.woocommerce-cart .lene-cart-delivery-text {
    margin-top: 11px !important;
    padding-top: 11px !important;
    border-top: 1px solid var(--lene-cart-line);
    color: var(--lene-cart-muted);
    font-size: 12px;
    line-height: 1.55;
  }

  /* Old delivery-list elements are no longer used */
  body.woocommerce-cart .lene-cart-delivery-methods,
  body.woocommerce-cart .lene-cart-delivery-method,
  body.woocommerce-cart .lene-cart-method-check {
    display: none !important;
  }

  /* =========================================
     COMPACT COUPON CARD
  ========================================= */

  body.woocommerce-cart .lene-cart-coupon-card {
    padding: 12px !important;
  }

  body.woocommerce-cart .lene-cart-coupon-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 9px !important;
  }

  body.woocommerce-cart .lene-cart-coupon-title strong {
    color: var(--lene-cart-text);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
  }

  body.woocommerce-cart .lene-cart-coupon-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    background: rgba(184, 208, 200, 0.35);
    color: var(--lene-cart-text);
  }

  body.woocommerce-cart .lene-cart-coupon-icon svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body.woocommerce-cart .lene-cart-coupon-card .coupon.wd-coupon-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  body.woocommerce-cart .lene-cart-coupon-card .coupon.wd-coupon-form > * {
    margin: 0 !important;
  }

  body.woocommerce-cart .lene-cart-coupon-card input[name="coupon_code"] {
    min-width: 0 !important;
    width: 100% !important;
    height: 38px !important;
    padding: 0 11px !important;
    border: 1px solid #dce2e6 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    color: var(--lene-cart-text) !important;
    font-size: 12px !important;
    box-shadow: none !important;
  }

  body.woocommerce-cart .lene-cart-coupon-card input[name="coupon_code"]:focus {
    border-color: var(--lene-cart-accent) !important;
    box-shadow: 0 0 0 3px rgba(184, 208, 200, 0.25) !important;
    outline: none !important;
  }

  body.woocommerce-cart
  .lene-cart-coupon-card
  input[name="coupon_code"].lene-cart-input-error {
    border-color: #d66f6f !important;
    box-shadow: 0 0 0 3px rgba(214, 111, 111, 0.15) !important;
  }

  body.woocommerce-cart .lene-cart-coupon-card button[name="apply_coupon"] {
    width: auto !important;
    min-width: 94px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: var(--lene-cart-accent) !important;
    color: #1f2a28 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 38px !important;
    text-transform: none !important;
    box-shadow: none !important;
  }

  body.woocommerce-cart .lene-cart-coupon-card button[name="apply_coupon"]:hover,
  body.woocommerce-cart .lene-cart-coupon-card button[name="apply_coupon"]:focus {
    background: var(--lene-cart-accent-dark) !important;
    color: #1f2a28 !important;
  }

  /* =========================================
     PRODUCT CARDS
  ========================================= */

  body.woocommerce-cart .lene-mobile-cart-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  body.woocommerce-cart .lene-cart-img img {
    display: block !important;
    width: 76px !important;
    height: 76px !important;
    border-radius: 7px !important;
    object-fit: cover !important;
  }

  body.woocommerce-cart .lene-cart-main {
    min-width: 0 !important;
    padding-right: 22px !important;
  }

  body.woocommerce-cart .lene-cart-name {
    color: var(--lene-cart-text) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
  }

  body.woocommerce-cart .lene-cart-price {
    margin-top: 5px !important;
    color: var(--lene-cart-muted) !important;
    font-size: 12px !important;
  }

  body.woocommerce-cart .lene-cart-price .amount {
    color: var(--lene-cart-text) !important;
    font-weight: 800 !important;
  }

  body.woocommerce-cart .lene-cart-remove {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #f4f6f7 !important;
    color: var(--lene-cart-text) !important;
    font-size: 17px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
  }

  body.woocommerce-cart .lene-cart-bottom {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-top: 11px !important;
  }

  body.woocommerce-cart .lene-cart-qty-wrap,
  body.woocommerce-cart .lene-cart-sum-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  body.woocommerce-cart .lene-cart-qty-wrap > span,
  body.woocommerce-cart .lene-cart-sum-wrap > span {
    color: var(--lene-cart-muted) !important;
    font-size: 11px !important;
  }

  body.woocommerce-cart .lene-cart-qty {
    display: inline-flex !important;
    height: 32px !important;
    overflow: hidden !important;
    border: 1px solid #dfe4e8 !important;
    border-radius: 7px !important;
    background: #fff !important;
  }

  body.woocommerce-cart .lene-cart-qty button,
  body.woocommerce-cart .lene-cart-qty strong {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
    color: var(--lene-cart-text) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  body.woocommerce-cart .lene-cart-sum-wrap {
    align-items: flex-end !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  body.woocommerce-cart .lene-cart-sum-wrap strong,
  body.woocommerce-cart .lene-cart-sum-wrap .amount {
    color: var(--lene-cart-text) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  /* =========================================
     CART TOTALS
  ========================================= */

  body.woocommerce-cart .cart_totals {
    padding: 16px !important;
    border: 0 !important;
  }

  body.woocommerce-cart .cart_totals .cart-totals-inner {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.woocommerce-cart .cart_totals h2 {
    margin: 0 0 14px !important;
    padding: 0 0 13px !important;
    border-bottom: 1px solid var(--lene-cart-line) !important;
    color: var(--lene-cart-text) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
  }

  body.woocommerce-cart .cart_totals table.shop_table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
  }

  body.woocommerce-cart .cart_totals table tr.cart-subtotal {
    display: none !important;
  }

  body.woocommerce-cart .cart_totals table tr.order-total {
    border: 0 !important;
  }

  body.woocommerce-cart .cart_totals table tr.order-total th,
  body.woocommerce-cart .cart_totals table tr.order-total td {
    padding: 8px 0 0 !important;
    border: 0 !important;
    vertical-align: top !important;
  }

  body.woocommerce-cart .cart_totals table tr.order-total th {
    color: var(--lene-cart-text) !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    text-align: left !important;
  }

  body.woocommerce-cart .cart_totals table tr.order-total th::before {
    content: "Tarpinė suma";
    color: var(--lene-cart-text);
    font-size: 14px;
    font-weight: 700;
  }

  body.woocommerce-cart .cart_totals table tr.order-total td {
    color: var(--lene-cart-text) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-align: right !important;
  }

  body.woocommerce-cart .cart_totals table tr.order-total td > strong,
  body.woocommerce-cart .cart_totals table tr.order-total td .amount {
    color: var(--lene-cart-text) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  body.woocommerce-cart .cart_totals .includes_tax {
    display: block !important;
    margin-top: 4px !important;
    color: #97a1ad !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
  }

  /* =========================================
     STICKY FOOTER
  ========================================= */

  body.woocommerce-cart .lene-cart-sticky-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 56px;
    z-index: 99999;
    display: block;
    padding: 10px 12px 12px;
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
    border-top: 1px solid #dce1df;
    background: #f4f6f7;
    box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.08);
  }

  body.woocommerce-cart .lene-cart-sticky-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    color: var(--lene-cart-text);
  }

  body.woocommerce-cart .lene-cart-sticky-total span {
    font-size: 14px;
    font-weight: 800;
  }

  body.woocommerce-cart .lene-cart-sticky-price,
  body.woocommerce-cart .lene-cart-sticky-price .amount {
    color: var(--lene-cart-text) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
  }

  body.woocommerce-cart .lene-cart-checkout-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 48px;
    padding: 0 14px;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    background: var(--lene-cart-accent) !important;
    color: #1f2a28 !important;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    text-decoration: none !important;
    text-transform: none !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease, transform 0.1s ease;
  }

  body.woocommerce-cart .lene-cart-checkout-button:hover,
  body.woocommerce-cart .lene-cart-checkout-button:focus {
    background: var(--lene-cart-accent-dark) !important;
    color: #1f2a28 !important;
  }

  body.woocommerce-cart .lene-cart-checkout-button:active {
    transform: scale(0.99);
  }
}

/* When Woodmart mobile toolbar is not present, place footer at viewport bottom */
@media (max-width: 768px) {
  body.woocommerce-cart:not(:has(.wd-toolbar)) .lene-cart-sticky-footer {
    bottom: 0;
  }
}

@media (max-width: 768px) {

  /* Tarp pagrindinių krepšelio blokų */
  body.woocommerce-cart .cart-content-wrapper {
    --wd-row-gap: 12px !important;
    gap: 12px 0 !important;
  }

  /* Tarp pristatymo ir nuolaidos kortelių */
  body.woocommerce-cart .lene-cart-delivery-info {
    margin-bottom: 12px !important;
  }

  body.woocommerce-cart .lene-cart-coupon-card {
    margin-bottom: 14px !important;
  }

  /* Tarp atskirų produktų */
  body.woocommerce-cart .lene-mobile-cart-card {
    margin-bottom: 10px !important;
  }

  /* Tarp paskutinės prekės ir suvestinės */
  body.woocommerce-cart .woocommerce-cart-form {
    margin-bottom: 4px !important;
  }

  /* Šiek tiek daugiau oro kortelių viduje */
  body.woocommerce-cart .lene-mobile-cart-card {
    padding: 15px !important;
  }
}