/* Karta produktu v2.3 — dopracowanie mobile bez ingerencji w konfigurator. */

/* Notice WooCommerce: obsługa zarówno komunikatu bezpośredniego, jak i wrappera. */
.woocommerce .hm-product-page > .woocommerce-message,
.woocommerce .hm-product-page > .woocommerce-notices-wrapper .woocommerce-message{
  position:relative!important;
  display:flex!important;
  box-sizing:border-box!important;
  min-height:66px!important;
  align-items:center!important;
  gap:18px!important;
  width:min(1180px,calc(100% - 56px))!important;
  margin:14px auto 26px!important;
  padding:13px 16px 13px 52px!important;
  float:none!important;
  border:1px solid #e2cdb5!important;
  border-left:3px solid var(--rose)!important;
  border-top:1px solid #e2cdb5!important;
  border-radius:0!important;
  outline:0!important;
  background:#fbf6ef!important;
  color:var(--ink)!important;
  box-shadow:0 12px 28px rgba(75,48,29,.055)!important;
  font-size:10.5px!important;
  line-height:1.55!important
}
.woocommerce .hm-product-page > .woocommerce-message:before,
.woocommerce .hm-product-page > .woocommerce-notices-wrapper .woocommerce-message:before{
  position:absolute!important;
  top:50%!important;
  left:17px!important;
  display:grid!important;
  width:22px!important;
  height:22px!important;
  place-items:center!important;
  transform:translateY(-50%)!important;
  border:1px solid var(--rose)!important;
  border-radius:50%!important;
  color:var(--rose-dark)!important;
  content:'✓'!important;
  font-size:11px!important
}
.woocommerce .hm-product-page > .woocommerce-message .button,
.woocommerce .hm-product-page > .woocommerce-notices-wrapper .woocommerce-message .button{
  display:inline-flex!important;
  flex:0 0 auto!important;
  float:none!important;
  min-height:40px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 0 0 auto!important;
  padding:0 19px!important;
  border:1px solid var(--rose)!important;
  border-radius:0!important;
  background:var(--rose)!important;
  color:#fff!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-family:Montserrat,sans-serif!important;
  font-size:8px!important;
  font-weight:500!important;
  line-height:1!important;
  white-space:nowrap!important
}

/* Mobilny, przyklejony przycisk zakupu. */
.woocommerce .mobile-purchase .button,
.woocommerce .mobile-purchase button.single_add_to_cart_button{
  display:inline-flex!important;
  width:auto!important;
  min-height:48px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:0!important;
  background:var(--rose)!important;
  color:#fff!important;
  box-shadow:none!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-family:Montserrat,sans-serif!important;
  font-size:9px!important;
  font-weight:500!important;
  line-height:1.1!important;
  white-space:nowrap!important
}
.woocommerce .mobile-purchase .button:hover,
.woocommerce .mobile-purchase button.single_add_to_cart_button:hover{
  background:var(--rose-dark)!important;
  color:#fff!important
}

@media(max-width:760px){
  .woocommerce .hm-product-page > .woocommerce-message,
  .woocommerce .hm-product-page > .woocommerce-notices-wrapper .woocommerce-message{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    width:calc(100% - 30px)!important;
    min-height:0!important;
    margin:12px auto 22px!important;
    padding:17px 14px 14px 46px!important;
    font-size:10px!important;
    line-height:1.55!important
  }
  .woocommerce .hm-product-page > .woocommerce-message:before,
  .woocommerce .hm-product-page > .woocommerce-notices-wrapper .woocommerce-message:before{
    top:19px!important;
    left:13px!important;
    transform:none!important
  }
  .woocommerce .hm-product-page > .woocommerce-message .button,
  .woocommerce .hm-product-page > .woocommerce-notices-wrapper .woocommerce-message .button{
    width:100%!important;
    min-height:43px!important;
    margin:0!important;
    padding:0 12px!important;
    font-size:8.5px!important
  }

  /* Mniejszy badge na dużej karcie produktu. */
  .hm-product-page .product-gallery__stage > .product-status{
    top:10px!important;
    left:10px!important;
    min-height:26px!important;
    gap:3px!important;
    max-width:calc(100% - 20px)!important;
    padding:0 10px!important;
    clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%)!important;
    letter-spacing:.075em!important;
    font-size:5.8px!important
  }

  /* Jeszcze mniejszy badge w dwukolumnowym katalogu. */
  .woocommerce ul.products li.product.hm-product-card .hm-product-card__status{
    top:8px!important;
    left:8px!important;
    min-height:23px!important;
    gap:2px!important;
    max-width:calc(100% - 16px)!important;
    padding:0 8px!important;
    clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,5px 100%,0 50%)!important;
    letter-spacing:.055em!important;
    font-size:5px!important
  }
  .hm-product-page .product-gallery__stage > .product-status:before,
  .hm-product-page .product-gallery__stage > .product-status:after,
  .woocommerce ul.products li.product.hm-product-card .hm-product-card__status:before,
  .woocommerce ul.products li.product.hm-product-card .hm-product-card__status:after{
    display:none!important
  }

  .woocommerce .mobile-purchase{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important
  }
  .woocommerce .mobile-purchase .button,
  .woocommerce .mobile-purchase button.single_add_to_cart_button{
    min-height:46px!important;
    padding:0 14px!important;
    font-size:8.5px!important
  }
}