/**
 * Arabira Smart Offers — refinement 3.6.1
 * Focused mobile fixes requested after live-device review.
 */

/* -------------------------------------------------------------------------
 * Campaign popup: keep the page readable. The backdrop is a light veil,
 * never a black/blurred screen.
 * ---------------------------------------------------------------------- */
.arso-campaign-popup{
  background:transparent!important;
}
.arso-campaign-popup__backdrop{
  background:rgba(255,250,253,.72)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
html.arso-campaign-popup-open body,
html.arso-campaign-popup-open .website-wrapper,
html.arso-campaign-popup-open .wd-page-wrapper,
html.arso-campaign-popup-open .main-page-wrapper{
  filter:none!important;
}
.arso-campaign-popup__card{
  box-shadow:0 20px 60px rgba(75,40,62,.22)!important;
}

/* -------------------------------------------------------------------------
 * Wishlist: one icon only. WoodMart/theme pseudo-elements and the old glyph
 * are suppressed; the CSS mask below is the only visible heart.
 * ---------------------------------------------------------------------- */
.arso-wishlist-toggle::before,
.arso-wishlist-toggle::after,
.arso-wishlist-toggle span::after{
  content:none!important;
  display:none!important;
}
.arso-wishlist-toggle span{
  display:grid!important;
  width:24px!important;
  height:24px!important;
  place-items:center!important;
  overflow:hidden!important;
  color:inherit!important;
  font-size:0!important;
  line-height:0!important;
}
.arso-wishlist-toggle span::before{
  display:block!important;
  width:23px!important;
  height:23px!important;
}

/* -------------------------------------------------------------------------
 * Native shop cards: compact, balanced and without the large empty middle.
 * ---------------------------------------------------------------------- */
body.post-type-archive-product .product-grid-item .product-wrapper,
body.tax-product_cat .product-grid-item .product-wrapper,
body.tax-product_tag .product-grid-item .product-wrapper,
body.post-type-archive-product .wd-product .product-wrapper,
body.tax-product_cat .wd-product .product-wrapper,
body.tax-product_tag .wd-product .product-wrapper{
  min-height:0!important;
}
body.post-type-archive-product .product-element-bottom,
body.tax-product_cat .product-element-bottom,
body.tax-product_tag .product-element-bottom{
  min-height:0!important;
  flex:0 0 auto!important;
  justify-content:flex-start!important;
}
body.post-type-archive-product .price,
body.tax-product_cat .price,
body.tax-product_tag .price{
  min-height:0!important;
  margin:5px 0 0!important;
}
body.post-type-archive-product .arso-loop-actions,
body.tax-product_cat .arso-loop-actions,
body.tax-product_tag .arso-loop-actions{
  margin-top:10px!important;
}
.product-grid-item .arso-torob-installment-strip,
.wd-product .arso-torob-installment-strip,
li.product .arso-torob-installment-strip{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:8px 0 0!important;
  padding:7px 2px 0!important;
  overflow:hidden!important;
  font-size:9px!important;
  line-height:1.45!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Plugin recommendation cards: price follows title; only the action stays at
 * the bottom. This removes the tall empty area seen on phone screenshots. */
.arso-growth-product-card{
  min-height:0!important;
  height:auto!important;
}
.arso-growth-product-card__body{
  min-height:0!important;
}
.arso-growth-product-price{
  margin:4px 0 0!important;
}
.arso-growth-stock{
  margin:4px 0 9px!important;
}

/* -------------------------------------------------------------------------
 * Product page: the plugin owns the sticky purchase bar. Hide the legacy
 * WoodMart sticky purchase element so two add-to-cart bars cannot stack.
 * ---------------------------------------------------------------------- */
body.arso-single-product-experience .wd-sticky-btn,
body.arso-single-product-experience #wd-sticky-btn,
body.arso-single-product-experience .woodmart-sticky-btn,
body.arso-single-product-experience .wd-sticky-add-to-cart{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media(max-width:767px){
  /* Mobile bottom navigation: icon and label use fixed rows and a shared
   * centre line. Labels never wrap under the neighbouring item. */
  .wd-toolbar.arso-toolbar-balanced,
  .woodmart-toolbar.arso-toolbar-balanced,
  .wd-bottom-toolbar.arso-toolbar-balanced{
    height:calc(70px + env(safe-area-inset-bottom))!important;
    min-height:70px!important;
    padding:3px 1px env(safe-area-inset-bottom)!important;
  }
  .wd-toolbar.arso-toolbar-balanced>.wd-tools-element,
  .woodmart-toolbar.arso-toolbar-balanced>.wd-tools-element,
  .wd-bottom-toolbar.arso-toolbar-balanced>.wd-tools-element{
    display:grid!important;
    height:66px!important;
    min-height:66px!important;
    padding:3px 0 2px!important;
    grid-template-rows:34px 18px!important;
    grid-template-columns:1fr!important;
    align-content:center!important;
    align-items:center!important;
    justify-content:center!important;
    justify-items:center!important;
    gap:2px!important;
  }
  .wd-toolbar.arso-toolbar-balanced .wd-tools-icon,
  .woodmart-toolbar.arso-toolbar-balanced .wd-tools-icon,
  .wd-bottom-toolbar.arso-toolbar-balanced .wd-tools-icon{
    grid-row:1!important;
    grid-column:1!important;
    align-self:center!important;
    justify-self:center!important;
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
    margin:0!important;
  }
  .wd-toolbar.arso-toolbar-balanced .wd-toolbar-label,
  .wd-toolbar.arso-toolbar-balanced .wd-tools-text,
  .woodmart-toolbar.arso-toolbar-balanced .wd-toolbar-label,
  .woodmart-toolbar.arso-toolbar-balanced .wd-tools-text,
  .wd-bottom-toolbar.arso-toolbar-balanced .wd-toolbar-label,
  .wd-bottom-toolbar.arso-toolbar-balanced .wd-tools-text{
    grid-row:2!important;
    grid-column:1!important;
    align-self:center!important;
    justify-self:center!important;
    display:block!important;
    width:100%!important;
    min-height:16px!important;
    padding:0!important;
    overflow:visible!important;
    font-size:8.9px!important;
    font-weight:900!important;
    line-height:16px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .arso-beauty-toolbar-item .wd-tools-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    margin:0!important;
    border:2px solid #ff4fa4!important;
    border-radius:50%!important;
    background:radial-gradient(circle at 35% 28%,#fff 0 24%,#ffe4f2 46%,#ffc8e3 100%)!important;
    color:#df2f87!important;
    box-shadow:0 5px 15px rgba(231,49,140,.25),inset 0 0 0 3px rgba(255,255,255,.72)!important;
  }
  .arso-beauty-toolbar-item .arso-toolbar-svg,
  .arso-beauty-toolbar-item .arso-toolbar-svg svg{
    width:23px!important;
    height:23px!important;
  }
  .arso-beauty-toolbar-item .wd-tools-icon::after{
    top:-4px!important;
    right:-3px!important;
    width:13px!important;
    height:13px!important;
    font-size:7px!important;
  }

  /* Native two-column cards. */
  body.post-type-archive-product .product-element-top,
  body.tax-product_cat .product-element-top,
  body.tax-product_tag .product-element-top{
    min-height:158px!important;
    height:158px!important;
    padding:8px!important;
  }
  body.post-type-archive-product .product-element-top img,
  body.tax-product_cat .product-element-top img,
  body.tax-product_tag .product-element-top img{
    height:142px!important;
    max-height:142px!important;
  }
  body.post-type-archive-product .product-element-bottom,
  body.tax-product_cat .product-element-bottom,
  body.tax-product_tag .product-element-bottom{
    min-height:0!important;
    padding:9px 8px 10px!important;
  }
  body.post-type-archive-product .wd-entities-title,
  body.tax-product_cat .wd-entities-title,
  body.tax-product_tag .wd-entities-title{
    min-height:60px!important;
    margin-bottom:4px!important;
    font-size:11.5px!important;
    line-height:1.7!important;
    -webkit-line-clamp:3!important;
  }
  body.post-type-archive-product .price,
  body.tax-product_cat .price,
  body.tax-product_tag .price{
    margin:4px 0 0!important;
    font-size:11.5px!important;
    line-height:1.55!important;
  }
  .arso-loop-actions{
    margin-top:9px!important;
  }

  /* Recommendation/product cards created by the plugin. */
  .arso-growth-product-card{
    min-height:326px!important;
    height:auto!important;
  }
  .arso-growth-product-card__image{
    height:150px!important;
    min-height:150px!important;
    padding:9px!important;
  }
  .arso-growth-product-card__image img{
    height:132px!important;
    max-height:132px!important;
  }
  .arso-growth-product-card__body{
    min-height:166px!important;
    padding:9px!important;
  }
  .arso-growth-product-card__body h3{
    min-height:58px!important;
    margin:5px 0 3px!important;
    font-size:11.5px!important;
    line-height:1.7!important;
    -webkit-line-clamp:3!important;
  }
  .arso-growth-product-price{
    margin:3px 0 0!important;
    font-size:12px!important;
  }
  .arso-growth-stock{
    margin:3px 0 7px!important;
  }
  .arso-growth-native-add,
  .arso-growth-view-product{
    min-height:39px!important;
    margin-top:auto!important;
  }

  /* Keep the plugin sticky purchase bar above the corrected 70px nav. */
  .arso-sticky-purchase{
    bottom:calc(70px + env(safe-area-inset-bottom) + 8px)!important;
  }
}

@media(max-width:370px){
  .wd-toolbar.arso-toolbar-balanced .wd-toolbar-label,
  .wd-toolbar.arso-toolbar-balanced .wd-tools-text,
  .woodmart-toolbar.arso-toolbar-balanced .wd-toolbar-label,
  .woodmart-toolbar.arso-toolbar-balanced .wd-tools-text,
  .wd-bottom-toolbar.arso-toolbar-balanced .wd-toolbar-label,
  .wd-bottom-toolbar.arso-toolbar-balanced .wd-tools-text{
    font-size:8.25px!important;
  }
}
.arso-legacy-sticky-purchase{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}