/* IPH Cart Button — 6 add-to-cart + price styles (front-end + settings preview) */
:root{
	--iphg:#1f7a35;
	--iphgd:#155427;
	--iphsoft:#eaf5ea;
}

.iph-atc{ margin-top:12px; font-family:inherit; line-height:1.3 }
.iph-atc a{ text-decoration:none }
.iph-atc__btn{
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	cursor:pointer; font-weight:600; border:none; transition:.2s;
}
.iph-atc__price, .iph-atc__inprice{ font-weight:800 }
.iph-atc__price{ display:none }
.iph-atc__inprice{ display:none }
.iph-atc__inprice, .iph-atc__inprice .amount,
.iph-atc__btn, .iph-atc__btn .amount{ color:inherit }

/* A — Full-width solid, label · price */
.iph-atc--A .iph-atc__btn{ display:flex; flex-wrap: wrap; width:100%; background:var(--iphg); color:#fff; border-radius:35px !important; padding:14px }
.iph-atc--A .iph-atc__btn:hover{ background:var(--iphgd) }
.iph-atc--A .iph-atc__inprice{ display:inline }
.iph-atc--A .iph-atc__inprice::before{ content:"·"; margin:0 4px; opacity:.7 }

/* B — Price left, Add pill right */
.iph-atc--B{ display:flex; align-items:center; justify-content:space-between; gap:12px }
.iph-atc--B .iph-atc__price{ display:block; font-size:19px; color:var(--iphgd) }
.iph-atc--B .iph-atc__btn{ background:var(--iphg); color:#fff; border-radius:999px; padding:10px 18px; font-size:14px }
.iph-atc--B .iph-atc__btn:hover{ background:var(--iphgd) }

/* C — Price + round + icon */
.iph-atc--C{ display:flex; align-items:center; justify-content:space-between }
.iph-atc--C .iph-atc__price{ display:block; font-size:19px; color:#1c1c1c }
.iph-atc--C .iph-atc__label{ display:none }
.iph-atc--C .iph-atc__btn{ width:46px; height:46px; border-radius:50%; background:var(--iphg); color:#fff; padding:0; box-shadow:0 8px 18px rgba(31,122,53,.28) }
.iph-atc--C .iph-atc__btn::before{ content:"+"; font-size:24px; line-height:1 }
.iph-atc--C .iph-atc__btn:hover{ background:var(--iphgd); transform:translateY(-2px) }

/* D — Outline, fills on hover, label / price */
.iph-atc--D .iph-atc__btn{ width:100%; justify-content:space-between; background:#fff; color:var(--iphgd); border:1.6px solid var(--iphg); border-radius:12px; padding:13px 18px }
.iph-atc--D .iph-atc__inprice{ display:inline }
.iph-atc--D .iph-atc__btn:hover{ background:var(--iphg); color:#fff }

/* E — Pill with price chip */
.iph-atc--E .iph-atc__btn{ width:100%; background:var(--iphgd); color:#fff; border-radius:999px; padding:8px 8px 8px 20px; gap:10px }
.iph-atc--E .iph-atc__inprice{ display:inline; background:rgba(255,255,255,.18); border-radius:999px; padding:8px 14px }
.iph-atc--E .iph-atc__btn:hover{ background:#0f3d1e }

/* F — Soft tinted, label · price */
.iph-atc--F .iph-atc__btn{ width:100%; background:var(--iphsoft); color:var(--iphgd); border-radius:12px; padding:14px; font-weight:700 }
.iph-atc--F .iph-atc__inprice{ display:inline }
.iph-atc--F .iph-atc__inprice::before{ content:"·"; margin:0 4px; opacity:.5 }
.iph-atc--F .iph-atc__btn:hover{ background:#dcefda }

/* keep the loop "added" spinner from breaking layout */
.iph-atc__btn.loading{ opacity:.6 }