/* The Svea iframe is intentionally untouched. These rules only give the
   PrestaShop shell around it the same calm visual language as the storefront. */
body#module-sveacheckout-checkoutpage #content-wrapper {
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(1.5rem, 4vw, 3.5rem) clamp(1rem, 3vw, 2rem);
}
body#module-sveacheckout-checkoutpage #pwc .card {
  border: 1px solid #ded8ca;
  border-radius: 0;
  box-shadow: none;
}
body#module-sveacheckout-checkoutpage #pwc .card-block {
  padding: 1.3rem 1.45rem;
}
body#module-sveacheckout-checkoutpage #pwc h1,
body#module-sveacheckout-checkoutpage #pwc h4 {
  color: #24261e;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 400;
}
body#module-sveacheckout-checkoutpage #pwc .separator {
  border-color: #ded8ca;
  margin: 0;
}
body#module-sveacheckout-checkoutpage #pwc .cart-summary,
body#module-sveacheckout-checkoutpage #pwc .cart-summary-totals {
  background: #f7f2e8;
}
body#module-sveacheckout-checkoutpage #pwc .btn-primary {
  background: #16884f;
  border-color: #16884f;
  border-radius: 0;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}
body#module-sveacheckout-checkoutpage #pwc .btn-primary:hover,
body#module-sveacheckout-checkoutpage #pwc .btn-primary:focus {
  background: #126d3f;
  border-color: #126d3f;
}
body#module-sveacheckout-checkoutpage #pwc .alert-info {
  background: #f7f2e8;
  border-color: #ded8ca;
  color: #24261e;
}
body#module-sveacheckout-checkoutpage #pwc .alert-danger {
  border-radius: 0;
}
body#module-sveacheckout-checkoutpage #pwc iframe {
  border: 0;
  max-width: 100%;
}

/* Product photos in the checkout must sit directly on the card.  Some theme
   variants add a beige thumbnail surface, which is especially noticeable for
   cut-out product images. */
body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-line__image,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-line__image a,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-line__image img,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-image,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-image img {
  background: transparent !important;
}

body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-line__image::before,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-line__image::after,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-image::before,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-image::after {
  content: none !important;
  display: none !important;
}

body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-line__image,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-image {
  overflow: hidden;
}


/* The checkout line uses a <picture> wrapper.  Its placeholder layer was the
   remaining source of the horizontal beige strips above and below cut-outs. */
body#module-sveacheckout-checkoutpage #dynamic_cart_row .pwc-cart-thumbnail,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .pwc-cart-thumbnail::before,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .pwc-cart-thumbnail::after {
  background: transparent !important;
  box-shadow: none !important;
}

body#module-sveacheckout-checkoutpage #dynamic_cart_row .pwc-cart-thumbnail::before,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .pwc-cart-thumbnail::after {
  content: none !important;
  display: none !important;
}

/* The current Svea template uses a <picture> thumbnail.  Keep the full image
   with object-fit: contain on a neutral canvas, rather than clipping it and
   exposing the theme's beige placeholder above or below the product. */
body#module-sveacheckout-checkoutpage #dynamic_cart_row .pwc-cart-thumbnail,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-line__image,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-image {
  align-items: center;
  background: #fff !important;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

body#module-sveacheckout-checkoutpage #dynamic_cart_row .pwc-cart-thumbnail img,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-line__image img,
body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-image img {
  background: #fff !important;
  clip-path: none !important;
  display: block;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: 100%;
}

body#module-sveacheckout-checkoutpage #dynamic_cart_row .ij-quantity-is-updating {
  cursor: progress;
  opacity: .72;
}
@media (max-width: 767px) {
  body#module-sveacheckout-checkoutpage #content-wrapper {
    padding: 1rem .7rem 2rem;
  }
  body#module-sveacheckout-checkoutpage #pwc .card-block {
    padding: 1rem;
  }
}

/* Keep the entire thumbnail square even when the product row grows. */
#dynamic_cart_row .product-line__image { align-self: flex-start; height: auto; }
#dynamic_cart_row .product-line__image a,
#dynamic_cart_row .product-line__image picture { width: 100%; height: auto; background: #fff !important; }
body#module-sveacheckout-checkoutpage #dynamic_cart_row .product-line__image img { height: auto; aspect-ratio: 1; }
