/* Don Caruso — mobile storefront presentation only. */
@media (max-width: 767px) {
  /* Keep the PWA install prompt for general browsing, not while shopping. */
  body.woocommerce .dc-install,
  body.search .dc-install {
    display: none !important;
  }

  /* Elementor's loop card is a flex column so product content stays aligned. */
  .e-loop-item.product {
    position: relative;
  }

  .e-loop-item.product .productloopbox {
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100% !important;
    padding: 10px !important;
    gap: 8px !important;
    row-gap: 8px !important;
  }

  .e-loop-item.product .productloopbox > .elementor-widget-theme-post-featured-image,
  .e-loop-item.product .productloopbox > .elementor-widget-image {
    box-sizing: border-box;
    flex: 0 0 140px !important;
    width: 100% !important;
    height: 140px !important;
    margin: 0 !important;
    overflow: hidden;
    border-radius: 10px;
    background: #faf8f5;
  }

  .e-loop-item.product .productloopbox > .elementor-widget-theme-post-featured-image img,
  .e-loop-item.product .productloopbox > .elementor-widget-image img {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    height: 140px !important;
    max-height: 140px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  /* Existing Advanced Woo Labels remain intact and sit over the product image. */
  .e-loop-item.product .productloopbox > .elementor-widget-shortcode.elementor-absolute {
    position: absolute !important;
    top: 10px !important;
    right: auto !important;
    bottom: auto !important;
    left: 10px !important;
    z-index: 3;
    width: auto !important;
    max-width: calc(100% - 20px);
    margin: 0 !important;
  }

  .e-loop-item.product .productloopbox > .e-con-full:last-child {
    box-sizing: border-box;
    display: flex !important;
    flex: 1 1 auto;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    gap: 7px !important;
    row-gap: 7px !important;
  }

  .e-loop-item.product .productloopbox .elementor-heading-title {
    margin: 0 !important;
    color: #1c1a17;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 2;
  }

  .e-loop-item.product .productloopbox .elementor-heading-title a {
    color: inherit;
    text-decoration: none;
  }

  .e-loop-item.product .productloopbox .woocommerce-product-details__short-description {
    margin: 0 !important;
    color: #6b655d;
    font-size: 12px !important;
    line-height: 1.4 !important;
    -webkit-line-clamp: 2;
  }

  .e-loop-item.product .productloopbox .woocommerce-product-details__short-description p {
    margin: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }

  /* Give add-to-cart a clear label while keeping WooCommerce's live price. */
  .e-loop-item.product .productloopbox .elementor-widget-wc-add-to-cart,
  .e-loop-item.product .productloopbox .elementor-widget-wc-add-to-cart > .elementor-widget-container,
  .e-loop-item.product .productloopbox .elementor-widget-wc-add-to-cart .e-con {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .e-loop-item.product .productloopbox a.add_to_cart_button,
  .e-loop-item.product .productloopbox a.button {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 9px 8px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #171717 !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-align: center;
    text-decoration: none !important;
  }

  .e-loop-item.product .productloopbox a.add_to_cart_button .elementor-button-content-wrapper,
  .e-loop-item.product .productloopbox a.button .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .e-loop-item.product .productloopbox a.add_to_cart_button .elementor-button-icon,
  .e-loop-item.product .productloopbox a.button .elementor-button-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
  }

  .e-loop-item.product .productloopbox a.add_to_cart_button .elementor-button-icon svg,
  .e-loop-item.product .productloopbox a.button .elementor-button-icon svg {
    width: 15px;
    height: 15px;
  }

  .e-loop-item.product .productloopbox a.add_to_cart_button .elementor-button-text,
  .e-loop-item.product .productloopbox a.button .elementor-button-text {
    display: inline-flex;
    flex: 0 1 auto;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    white-space: nowrap;
  }

  .e-loop-item.product .productloopbox .woocommerce-Price-amount,
  .e-loop-item.product .productloopbox .woocommerce-Price-amount bdi {
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
  }

  .e-loop-item.product .productloopbox .woocommerce-Price-currencySymbol {
    font-size: inherit !important;
  }

  /* Cena na CTA: pokazujemy WYŁĄCZNIE cenę aktualną (po przecenie).
     Gdy produkt jest w promocji, WooCommerce wstawia w etykietę przycisku
     `<del>` (cena regularna, przekreślona) + `<ins>` (cena promocyjna). Na CTA
     przekreślona cena jest myląca i ściska przycisk, więc ją ukrywamy, a `ins`
     sprowadzamy do jednej linii i zdejmujemy podkreślenie (to przycisk, nie link).
     Cena przekreślona pokazuje się tam, gdzie ma sens: na karcie produktu
     (`.single-product .price`) — patrz też mobile.js (cena w pasku sticky ATC). */
  .e-loop-item.product .elementor-widget-wc-add-to-cart .elementor-button del,
  .e-loop-item.product .elementor-widget-wc-add-to-cart del,
  .e-loop-item.product .productloopbox a.add_to_cart_button del,
  .e-loop-item.product .productloopbox a.button del,
  .e-loop-item.product a.add_to_cart_button del,
  .e-loop-item.product a.button del {
    display: none !important;
  }

  .e-loop-item.product .elementor-widget-wc-add-to-cart .elementor-button ins,
  .e-loop-item.product .productloopbox a.add_to_cart_button ins,
  .e-loop-item.product .productloopbox a.button ins,
  .e-loop-item.product a.add_to_cart_button ins,
  .e-loop-item.product a.button ins {
    display: inline !important;
    text-decoration: none !important;
  }

  .e-loop-item.product.dcmsux-bestseller::after {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 6px;
    background: #0c2664;
    color: #fff;
    content: "Bestseller";
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .2px;
    pointer-events: none;
  }

  /* Keep the mandatory cookie choice visible but compact on a phone. */
  #moove_gdpr_cookie_info_bar:not(.moove-gdpr-info-bar-hidden) {
    box-sizing: border-box;
    max-height: min(42vh, 320px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
    box-sizing: border-box;
    padding: 14px 16px !important;
  }

  #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice,
  #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
    margin: 0 !important;
  }

  #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px !important;
  }

  #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder button {
    box-sizing: border-box;
    min-height: 42px !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
}