/* =========================================================
   BabyLife 2.7.6 — conversion focused WooCommerce layer
   Presentation only. No checkout fields/payment/order logic are changed.
   ========================================================= */

/* ---------- Product: shorten the path from price to native cart ---------- */
.single-product .blsc-decision-strip{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin:8px 0 10px;
}
.single-product .blsc-decision-strip>span{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border:1px solid #e7dfe4;
  border-radius:10px;
  background:#fff;
  color:#554a51;
  font-size:10px;
  font-weight:800;
  line-height:1.6;
}
.single-product .blsc-decision-strip>span>b{
  color:#731c53;
  font-size:11px;
}
.single-product .blsc-decision-strip__stock.is-in-stock{
  border-color:#d8eedf;
  background:#f4fbf6;
  color:#176b49;
}
.single-product .blsc-decision-strip__stock.is-in-stock>b{color:#22a061}
.single-product .blsc-decision-strip__stock.is-out-of-stock{
  border-color:#f0d9d9;
  background:#fff6f6;
  color:#a53b3b;
}

/* The old attribute grid is useful, but belongs after the buying action. */
.single-product .blsc-quick-attributes{
  margin-top:12px;
  opacity:.96;
}

/* Native form is the main decision card. */
.single-product form.cart{
  border:1px solid #eadde5 !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#fff 0%,#fffafd 100%) !important;
  box-shadow:0 10px 28px rgba(61,35,51,.055) !important;
}
.single-product form.cart .single_add_to_cart_button{
  background:#ff7a30 !important;
  border-color:#ff7a30 !important;
  color:#fff !important;
  font-weight:900 !important;
}
.single-product form.cart .single_add_to_cart_button:hover{
  filter:brightness(.97);
}

/* Keep reassurance compact; the CTA should remain visually dominant. */
.single-product .blsc-after-cart-reassurance{
  margin-top:8px;
  background:#f8fcf9;
  border-color:#dcefe1;
}

/* Reduce large floating sales widgets over the buying area on phones. */
@media (max-width:820px){
  body.single-product .babylife-whatsapp-float,
  body.single-product .babylife-bale-float{
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
    min-height:48px !important;
    padding:4px !important;
    right:8px !important;
    bottom:calc(var(--blsc-native-bottom-nav-h,66px) + 76px + env(safe-area-inset-bottom)) !important;
    border-radius:50% !important;
    overflow:hidden !important;
  }
  body.single-product .babylife-whatsapp-text,
  body.single-product .babylife-bale-text,
  body.single-product .babylife-whatsapp-content,
  body.single-product .babylife-bale-content{
    display:none !important;
  }
}

/* Product mobile sticky bar lives above the native 4-button nav. */
@media (max-width:820px){
  body.single-product .blsc-sticky-product-cta{
    bottom:calc(var(--blsc-native-bottom-nav-h,66px) + env(safe-area-inset-bottom)) !important;
    padding:7px 9px !important;
  }
  body.single-product .blsc-sticky-product-cta .blsc-btn{
    background:#ff7a30 !important;
    border-color:#ff7a30 !important;
    color:#fff !important;
    font-weight:900 !important;
  }
}

/* ---------- Cart: one obvious next step ---------- */
.blsc-cart-sticky-cta-v276{display:none}
@media (max-width:820px){
  body.woocommerce-cart{
    padding-bottom:calc(var(--blsc-native-bottom-nav-h,66px) + 68px + env(safe-area-inset-bottom)) !important;
  }
  .blsc-cart-sticky-cta-v276{
    position:fixed;
    z-index:999980;
    right:0;
    left:0;
    bottom:calc(var(--blsc-native-bottom-nav-h,66px) + env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:minmax(0,.72fr) minmax(165px,1.28fr);
    align-items:center;
    gap:8px;
    min-height:62px;
    padding:7px 9px;
    border-top:1px solid #ece4e9;
    background:rgba(255,255,255,.97);
    box-shadow:0 -8px 22px rgba(31,24,28,.08);
    backdrop-filter:blur(10px);
  }
  .blsc-cart-sticky-cta-v276>span{
    min-width:0;
    color:#5e545a;
    font-size:10px;
    font-weight:800;
    text-align:center;
  }
  .blsc-cart-sticky-cta-v276>a{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border-radius:12px;
    background:#ff7a30;
    color:#fff !important;
    font-size:12px;
    font-weight:900;
    text-decoration:none !important;
    box-shadow:0 8px 20px rgba(255,122,48,.18);
  }
}

/* ---------- Checkout: distraction-light visual mode ---------- */
.blsc-checkout-focus-v276{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 14px;
  padding:12px 14px;
  border:1px solid #dcefe1;
  border-radius:14px;
  background:#f7fcf8;
}
.blsc-checkout-focus-v276>div{min-width:0}
.blsc-checkout-focus-v276 strong{
  display:block;
  margin-bottom:2px;
  color:#176b49;
  font-size:12px;
}
.blsc-checkout-focus-v276 span{
  color:#5b6d62;
  font-size:10px;
  line-height:1.8;
}
.blsc-checkout-focus-v276>a{
  flex:0 0 auto;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border:1px solid #d8e9de;
  border-radius:10px;
  background:#fff;
  color:#176b49 !important;
  font-size:10px;
  font-weight:800;
  text-decoration:none !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .blsc-topbar,
body.woocommerce-checkout:not(.woocommerce-order-received) .blsc-nav,
body.woocommerce-checkout:not(.woocommerce-order-received) .blsc-search,
body.woocommerce-checkout:not(.woocommerce-order-received) .blsc-header-actions,
body.woocommerce-checkout:not(.woocommerce-order-received) .blsc-footer,
body.woocommerce-checkout:not(.woocommerce-order-received) .blsc-mobile-bottom-nav,
body.woocommerce-checkout:not(.woocommerce-order-received) .babylife-whatsapp-float,
body.woocommerce-checkout:not(.woocommerce-order-received) .babylife-bale-float,
body.woocommerce-checkout:not(.woocommerce-order-received) .blc-sales-contact,
body.woocommerce-checkout:not(.woocommerce-order-received) .blce-float{
  display:none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received){
  padding-bottom:24px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .blsc-header{
  border-bottom:1px solid #eee7eb;
  background:#fff;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .blsc-header-main{
  min-height:68px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  padding-block:8px;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .blsc-brand{
  margin-inline:auto;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .blsc-brand img{
  max-height:48px;
  width:auto;
}

.woocommerce-checkout form.checkout input.input-text,
.woocommerce-checkout form.checkout select,
.woocommerce-checkout form.checkout textarea{
  border-radius:10px !important;
  border-color:#ddd4da !important;
}
.woocommerce-checkout form.checkout input.input-text:focus,
.woocommerce-checkout form.checkout select:focus,
.woocommerce-checkout form.checkout textarea:focus{
  border-color:#731c53 !important;
  box-shadow:0 0 0 3px rgba(115,28,83,.08) !important;
  outline:0 !important;
}
.woocommerce-checkout #payment{
  border:1px solid #e7dfe4;
  border-radius:14px;
  background:#fff;
}
.woocommerce-checkout #payment #place_order{
  background:#ff7a30 !important;
  border-color:#ff7a30 !important;
  color:#fff !important;
  font-weight:900 !important;
}

@media (max-width:820px){
  .blsc-checkout-focus-v276{
    align-items:stretch;
    flex-direction:column;
    padding:11px 12px;
  }
  .blsc-checkout-focus-v276>a{
    width:100%;
  }
  body.woocommerce-checkout:not(.woocommerce-order-received) .blsc-header-main{
    min-height:58px;
  }
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row{
    width:100% !important;
    float:none !important;
  }
}