/* STORE APP Patch 642 — payment branding, Quick View CTA, and Volume Pricing readability. */

/* Volume pricing: make tiers easier to scan without turning the block into a banner. */
body.mpl .mpl-tier summary{
  font-size:15px!important;
  line-height:1.35!important;
  padding:15px 16px!important;
}
body.mpl .mpl-tier summary span{
  font-size:12px!important;
  font-weight:800!important;
}
body.mpl .mpl-tier>div{padding:0 16px 12px!important}
body.mpl .mpl-tier p{
  padding:11px 0!important;
  font-size:13px!important;
  line-height:1.4!important;
}
body.mpl .mpl-tier p b{font-size:13px!important;font-weight:850!important}
body.mpl .mpl-tier p span{font-size:13px!important}

/* Stripe corporate purple — product detail/cart/Quick View express entry points. */
body.mpl [data-mpl-express-open][data-payment="stripe"],
body.mpl [data-mpl-qv-express-payment="stripe"],
body.mpl .mpl-express__buttons form:has(input[name="payment_method"][value="stripe"]) .mpl-btn,
body.mpl .mpl-qv__express-buttons form:has(input[name="payment_method"][value="stripe"]) .mpl-btn{
  background:#635bff!important;
  border-color:#635bff!important;
  color:#fff!important;
}
body.mpl [data-mpl-express-open][data-payment="stripe"]:hover,
body.mpl [data-mpl-qv-express-payment="stripe"]:hover,
body.mpl .mpl-express__buttons form:has(input[name="payment_method"][value="stripe"]) .mpl-btn:hover,
body.mpl .mpl-qv__express-buttons form:has(input[name="payment_method"][value="stripe"]) .mpl-btn:hover{
  background:#5046e5!important;
  border-color:#5046e5!important;
}

/* PayPal's familiar yellow button with PayPal blue text. */
body.mpl [data-mpl-express-open][data-payment="paypal"],
body.mpl [data-mpl-qv-express-payment="paypal"],
body.mpl .mpl-express__buttons form:has(input[name="payment_method"][value="paypal"]) .mpl-btn,
body.mpl .mpl-qv__express-buttons form:has(input[name="payment_method"][value="paypal"]) .mpl-btn{
  background:#ffc439!important;
  border-color:#ffc439!important;
  color:#003087!important;
  font-weight:850!important;
}
body.mpl [data-mpl-express-open][data-payment="paypal"]:hover,
body.mpl [data-mpl-qv-express-payment="paypal"]:hover,
body.mpl .mpl-express__buttons form:has(input[name="payment_method"][value="paypal"]) .mpl-btn:hover,
body.mpl .mpl-qv__express-buttons form:has(input[name="payment_method"][value="paypal"]) .mpl-btn:hover{
  background:#f2ba36!important;
  border-color:#f2ba36!important;
}

/* Quick View: premium gold icon + text CTA. */
body.mpl .mpl-quickview-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:36px!important;
  padding:8px 12px!important;
  background:#d4af37!important;
  border:1px solid #c49d24!important;
  color:#1f2326!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
body.mpl .mpl-quickview-button:hover{
  background:#c9a227!important;
  border-color:#b9921e!important;
  color:#111!important;
}
body.mpl .mpl-quickview-button svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  stroke:currentColor!important;
}
