/**
 * Mobillab+ — pole „Kod rabatowy” na telefonie.
 *
 * Wgraj jako: public_html/assets/coupon-mobile.css
 * Dopisz w koszyk.html i termin.html, ZA linkiem do diag-mobile.css:
 *   <link rel="stylesheet" href="assets/coupon-mobile.css?v=1">
 *
 * Na szerokości do 991 px plik diag-mobile.css chowa .checkout-coupon,
 * bo cały panel podsumowania staje się wąskim paskiem przy dolnej krawędzi.
 * Ten arkusz zostawia pasek (suma + przycisk), a pole kodu wstawia
 * w treść strony, nad tym paskiem — da się je zobaczyć i uzupełnić.
 */

@media (max-width: 991px) {
  body[data-checkout-cart-only="1"],
  body[data-checkout-address-step="1"] {
    --coupon-dock-h: calc(132px + env(safe-area-inset-bottom, 0px));
    padding-bottom: var(--coupon-dock-h) !important;
  }

  body[data-checkout-cart-only="1"]::after,
  body[data-checkout-address-step="1"]::after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 129;
    height: var(--coupon-dock-h);
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid var(--border, #dce8f5);
    box-shadow: 0 -8px 24px rgba(23, 32, 51, 0.08);
    pointer-events: none;
  }

  /* Koszyk */
  body[data-checkout-cart-only="1"] .cart-shop-sidebar {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: auto;
    margin: 16px 0 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body[data-checkout-cart-only="1"] .cart-shop-sidebar__card,
  body[data-checkout-address-step="1"] .termin-shop-sidebar__card {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body[data-checkout-cart-only="1"] .cart-shop-summary-panel,
  body[data-checkout-address-step="1"] .termin-shop-summary-panel {
    display: contents;
  }

  body[data-checkout-cart-only="1"] .cart-shop-summary-panel .checkout-coupon,
  body[data-checkout-address-step="1"] .termin-shop-summary-panel .checkout-coupon {
    display: block;
    order: -1;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid var(--border, #dce8f5);
    border-radius: 0;
    background: #fff;
    scroll-margin-bottom: calc(var(--coupon-dock-h) + 16px);
  }

  body[data-checkout-cart-only="1"] .cart-shop-summary-panel .cart-shop-summary__divider,
  body[data-checkout-address-step="1"] .termin-shop-summary-panel .cart-shop-summary__divider {
    display: none;
  }

  body[data-checkout-cart-only="1"] .checkout-coupon__row,
  body[data-checkout-address-step="1"] .checkout-coupon__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
  }

  body[data-checkout-cart-only="1"] .checkout-coupon__row input,
  body[data-checkout-address-step="1"] .checkout-coupon__row input {
    min-width: 0;
    width: 100%;
    min-height: 44px;
    font-size: 16px;
  }

  body[data-checkout-cart-only="1"] .cart-shop-summary__total,
  body[data-checkout-address-step="1"] .cart-shop-summary__total {
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(68px + env(safe-area-inset-bottom, 0px));
    z-index: 131;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 12px 16px 4px;
    background: transparent;
  }

  body[data-checkout-cart-only="1"] .cart-shop-sidebar__cta,
  body[data-checkout-address-step="1"] .termin-shop-sidebar__cta {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    z-index: 131;
    width: auto;
    margin: 0;
    min-height: 48px;
  }

  /* Adres i termin — ten sam układ */
  body[data-checkout-address-step="1"] .termin-shop-sidebar {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: auto;
    margin: 16px 0 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}