/* Healthy Herbs branded checkout (Bella). Colours: green #2C5633, mint #AAD7AB, cream #F5F2EE, ink #1E1E1E. */
body.hh-branded-checkout { background: var(--bella-bg,#F5F2EE); }
body.hh-branded-checkout .site-main > .page-header { display: none; }
body.hh-branded-checkout .site-main { max-width: 1240px; width: 100%; margin: 0 auto; padding: 0 20px; }
body.hh-branded-checkout .page-content > .wp-block-woocommerce-checkout,
body.hh-branded-checkout .page-content { max-width: none; }

.hh-co { --hh-g: var(--bella-primary,#2C5633); --hh-m: var(--bella-accent,#AAD7AB); --hh-c: var(--bella-bg,#F5F2EE); --hh-i: var(--bella-text,#1E1E1E); --hh-mu: var(--bella-muted,#5B5B5B);
  display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); grid-template-areas: "side main";
  gap: 48px; align-items: start; padding: 48px 0 72px; font-family: var(--bella-font,Poppins), -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--hh-i); }
.hh-co-main { grid-area: main; min-width: 0; }
.hh-co-side { grid-area: side; min-width: 0; }

/* Card */
.hh-co-card { background: #fff; border-radius: 20px; padding: 36px 36px 28px; box-shadow: 0 14px 40px rgba(44, 86, 51, .10); }
.hh-co-title { margin: 0 0 22px; padding-bottom: 16px; border-bottom: 3px solid var(--hh-g); text-align: center;
  font: 700 22px/1.2 var(--bella-font,Poppins), sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--hh-i); }

/* Checkout block inside the card: single column, order summary on top */
.hh-co .wp-block-woocommerce-checkout { margin: 0; padding: 0; }
.hh-co .wc-block-components-sidebar-layout { display: flex; flex-direction: column; margin: 0; }
.hh-co .wc-block-components-sidebar-layout .wc-block-components-main,
.hh-co .wc-block-components-sidebar-layout .wc-block-components-sidebar { width: 100% !important; padding: 0 !important; margin: 0; }
.hh-co .wc-block-components-sidebar-layout .wc-block-components-sidebar { order: -1; position: static !important; margin-bottom: 24px; }
.hh-co .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block,
.hh-co .wc-block-checkout__sidebar .wc-block-components-panel { border: 1px solid var(--bella-border,#E3E8E2); border-radius: 14px; background: #FAFBF9; }
.hh-co .wc-block-components-checkout-step__title,
.hh-co .wc-block-components-title { font-family: var(--bella-font,Poppins), sans-serif; font-weight: 600; color: var(--hh-i); }
.hh-co .wc-block-components-text-input input,
.hh-co .wc-block-components-combobox .components-combobox-control input,
.hh-co .wc-blocks-components-select__select { border-radius: 10px !important; border-color: var(--bella-border,#CFD8CF) !important; }
.hh-co .wc-block-components-text-input input:focus,
.hh-co .wc-blocks-components-select__select:focus { border-color: var(--hh-g) !important; box-shadow: 0 0 0 1px var(--hh-g) !important; }
.hh-co .wc-block-components-radio-control__option-checked,
.hh-co .wc-block-components-radio-control-accordion-option--checked-option-highlighted { border-color: var(--hh-g) !important; box-shadow: inset 0 0 0 1px var(--hh-g) !important; }
.hh-co .wc-block-components-radio-control__input:checked { border-color: var(--hh-g) !important; }
.hh-co .wc-block-components-radio-control__input:checked::before { background: var(--hh-g) !important; }
.hh-co .wc-block-components-checkbox .wc-block-components-checkbox__input:checked { background: var(--hh-g); border-color: var(--hh-g); }
.hh-co a { color: var(--hh-g); }

.hh-co .wc-block-components-checkout-place-order-button { background: var(--hh-g) !important; color: #fff !important; border: 0 !important;
  border-radius: 999px !important; min-height: 58px; font: 600 17px/1 var(--bella-font,Poppins), sans-serif !important; letter-spacing: .04em; text-transform: uppercase;
  box-shadow: 0 10px 24px rgba(44, 86, 51, .25); transition: transform .15s ease, background .15s ease; }
.hh-co .wc-block-components-checkout-place-order-button:hover { background: var(--bella-primary-dark,#234529) !important; transform: translateY(-1px); }
.hh-co .wc-block-components-checkout-place-order-button:focus-visible { outline: 3px solid var(--hh-m); outline-offset: 3px; }
.hh-co .wc-block-checkout__actions_row { flex-direction: column-reverse; gap: 14px; }
.hh-co .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button { width: 100%; }
.hh-co .wc-block-components-checkout-return-to-cart-button { color: var(--hh-mu); }

/* Trust row */
.hh-co-ic { width: 26px; height: 26px; fill: var(--hh-g); color: var(--hh-g); flex: none; }
.hh-co-trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 26px 0 0; padding: 18px 0 0; border-top: 1px solid var(--bella-border,#E3E8E2); }
.hh-co-trust > div { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; font: 600 13px/1.3 var(--bella-font,Poppins), sans-serif; color: var(--hh-i); }
.hh-co-privacy { margin: 16px 0 0; padding: 10px 12px; border-radius: 10px; background: var(--hh-c); text-align: center; font-size: 13px; color: var(--hh-mu); }
.hh-co-safe { display: block; margin: 18px 0 0; text-align: center; font-size: 15px; color: var(--hh-i); }
.hh-co-safe .hh-co-ic { display: inline-block; width: 18px; height: 18px; vertical-align: -3px; margin-right: 6px; }

/* Reviews column */
.hh-co-proof { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-radius: 16px; background: var(--hh-g); color: #fff; margin-bottom: 26px; }
.hh-co-proof p { margin: 0; font-size: 14px; line-height: 1.45; color: #fff; }
.hh-co-proof strong { font-size: 17px; }
.hh-co-proof .hh-co-stars svg { fill: #F5C64B; }
.hh-co-stars { display: inline-flex; gap: 2px; flex: none; }
.hh-co-stars svg { width: 18px; height: 18px; fill: var(--bella-highlight,#F2A93B); }
.hh-co-reviews { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 26px; }
.hh-co-review { margin: 0; padding: 0 0 24px; border-bottom: 1px solid var(--bella-border,#DCD6CC); }
.hh-co-name { margin: 0 0 6px; font: 600 18px/1.2 var(--bella-font,Poppins), sans-serif; color: var(--hh-g); }
.hh-co-review blockquote { margin: 10px 0 0; padding: 0; border: 0; font-style: normal; }
.hh-co-review blockquote p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--hh-i); }
.hh-co-src { display: flex; align-items: center; gap: 6px; margin: 10px 0 0; font-size: 12px; color: var(--hh-mu); }
.hh-co-src .hh-co-ic { width: 15px; height: 15px; }

.hh-co-quality, .hh-co-guarantee { margin-top: 28px; padding: 24px; border-radius: 16px; background: #fff; }
.hh-co-quality h2, .hh-co-guarantee h2 { margin: 0 0 12px; font: 700 18px/1.3 var(--bella-font,Poppins), sans-serif; color: var(--hh-g); }
.hh-co-quality ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.hh-co-quality li { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 1.4; }
.hh-co-quality .hh-co-ic { width: 20px; height: 20px; }
.hh-co-guarantee { display: flex; gap: 14px; align-items: flex-start; background: var(--hh-m); }
.hh-co-guarantee h2 { margin-bottom: 4px; }
.hh-co-guarantee p { margin: 0; font-size: 14px; line-height: 1.5; }
.hh-co-guarantee .hh-co-ic { width: 34px; height: 34px; }

@media (max-width: 1024px) {
  .hh-co { grid-template-columns: minmax(0, 1fr); grid-template-areas: "main" "side"; gap: 36px; padding: 24px 0 56px; }
  .hh-co-side { max-width: 640px; }
}
@media (max-width: 600px) {
  body.hh-branded-checkout .site-main { padding: 0 12px; }
  .hh-co-card { padding: 24px 16px 20px; border-radius: 16px; }
  .hh-co-title { font-size: 18px; }
  .hh-co-trust > div { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .hh-co .wc-block-components-checkout-place-order-button { transition: none; } }

/* Coupon: always-open field (no fold/unfold) */
.wc-block-components-totals-coupon { padding: 14px 16px !important; }
.wc-block-components-totals-coupon .wc-block-components-panel__button { display: none !important; }
.wc-block-components-totals-coupon .wc-block-components-panel__content { display: block !important; padding: 4px 0 0 !important; }
.wc-block-components-totals-coupon::before { content: "Discount code"; display: block; margin: 0 0 8px; font: 600 14px/1.2 var(--bella-font,Poppins), sans-serif; color: var(--bella-text,#1E1E1E); }
.wc-block-components-totals-coupon__form { display: flex; gap: 8px; }
.wc-block-components-totals-coupon__form .wc-block-components-text-input { flex: 1; margin: 0 !important; }
.wc-block-components-totals-coupon__button { min-height: 48px; padding: 0 22px !important; border: 0 !important; border-radius: 10px !important; background: var(--bella-primary,#2C5633) !important; color: #fff !important; font-weight: 600; }

/* ---------- Cart page (matches checkout) ---------- */
body.hh-branded-cart { background: var(--bella-bg,#F5F2EE); }
body.hh-branded-cart .site-main > .page-header { display: none; }
body.hh-branded-cart .site-main { max-width: 1240px; width: 100%; margin: 0 auto; padding: 0 20px; }
body.hh-branded-cart .page-content { max-width: none; }
.hh-cart { display: block; padding-top: 40px; }
.hh-cart-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 0 0 20px; }
.hh-cart-head .hh-co-title { margin: 0; padding: 0 0 10px; border-bottom: 3px solid var(--hh-g); text-align: left; }
.hh-cart-proof { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 14px; }
.hh-cart-card { padding: 32px; }
.hh-cart .wp-block-woocommerce-cart { margin: 0; padding: 0; }
.hh-cart .wc-block-components-sidebar-layout { margin: 0; }
.hh-cart .wc-block-cart__sidebar,
.hh-cart .wc-block-components-sidebar { background: #FAFBF9; border: 1px solid var(--bella-border,#E3E8E2); border-radius: 14px; padding: 18px 20px !important; }
.hh-cart .wc-block-cart-items__header, .hh-cart .wp-block-woocommerce-cart-order-summary-heading-block { font: 600 12px/1 var(--bella-font,Poppins), sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--hh-mu); }
.hh-cart .wc-block-components-product-name,
.hh-cart .wc-block-cart-item__product a,
.hh-cart .wp-block-woocommerce-product-new + a, .hh-cart .wc-block-grid__product-title,
.hh-cart .wp-block-woocommerce-cart-cross-sells-block a { color: var(--hh-i) !important; text-decoration: none !important; font-weight: 600; }
.hh-cart .wc-block-components-product-name:hover,
.hh-cart .wp-block-woocommerce-cart-cross-sells-block a:hover { color: var(--hh-g) !important; }
.hh-cart .wc-block-cart-item__image img { border-radius: 12px; background: var(--bella-bg,#F5F2EE); }
.hh-cart .wc-block-components-quantity-selector { border-radius: 999px; border-color: var(--bella-border,#CFD8CF); }
.hh-cart .wc-block-cart-item__remove-link { color: var(--hh-mu) !important; }
.hh-cart .wc-block-cart__submit-button { background: var(--hh-g) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important;
  min-height: 56px; font: 600 16px/1 var(--bella-font,Poppins), sans-serif !important; letter-spacing: .04em; text-transform: uppercase; text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(44, 86, 51, .25); }
.hh-cart .wc-block-cart__submit-button:hover { background: var(--bella-primary-dark,#234529) !important; }
.hh-cart .wc-block-cart__submit-button .wc-block-components-button__text::before { content: "🔒 "; }
.hh-cart .wp-block-woocommerce-cart-cross-sells-block { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--bella-border,#E3E8E2); }
.hh-cart .wp-block-woocommerce-cart-cross-sells-block h2 { font: 700 22px/1.3 var(--bella-font,Poppins), sans-serif; color: var(--hh-g); }
.hh-cart .wp-block-woocommerce-cart-cross-sells-block .wp-block-button__link,
.hh-cart .wp-block-woocommerce-cart-cross-sells-block .add_to_cart_button { border-radius: 999px !important; border: 1.5px solid var(--hh-g) !important; background: #fff !important; color: var(--hh-g) !important; text-decoration: none !important; font-weight: 600; }
.hh-cart-below { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 24px; margin-top: 36px; align-items: start; }
.hh-cart-reviews { display: contents; }
.hh-cart-reviews .hh-co-review { background: #fff; border: 0; border-radius: 16px; padding: 20px; }
.hh-cart-below .hh-co-guarantee { margin: 0; }
@media (max-width: 1024px) { .hh-cart-below { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .hh-cart-below { grid-template-columns: 1fr; } .hh-cart-card { padding: 20px 14px; } .hh-cart { padding-top: 20px; } }
.hh-cart .wc-block-components-sidebar { align-self: flex-start; height: auto; }
.hh-cart .wp-block-woocommerce-product-collection { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--bella-border,#E3E8E2); }
.hh-cart .wp-block-woocommerce-product-collection > h2.wp-block-heading { margin: 0 0 16px; font: 700 22px/1.3 var(--bella-font,Poppins), sans-serif !important; color: var(--hh-g); }
.hh-cart .wp-block-woocommerce-product-collection .wp-block-post-title,
.hh-cart .wp-block-woocommerce-product-collection .wp-block-post-title a { font: 600 15px/1.35 var(--bella-font,Poppins), sans-serif !important; color: var(--hh-i) !important; text-decoration: none !important; }
.hh-cart .wp-block-woocommerce-product-collection .wp-block-post-title a:hover { color: var(--hh-g) !important; }
.hh-cart .wp-block-woocommerce-product-collection img { border-radius: 14px; background: var(--bella-bg,#F5F2EE); }
.hh-cart .wp-block-woocommerce-product-collection .add_to_cart_button { display: inline-block; padding: 8px 18px !important; border-radius: 999px !important; border: 1.5px solid var(--hh-g) !important; background: #fff !important; color: var(--hh-g) !important; text-decoration: none !important; font-weight: 600; }
.hh-cart .wp-block-woocommerce-product-collection .add_to_cart_button:hover { background: var(--hh-g) !important; color: #fff !important; }

/* One order summary only (1.6.7): keep the full summary above Place Order, hide the folded copy at the top.
   Only when WooCommerce actually drew the summary above Place Order (narrow layouts), so it can never disappear. */
.wp-block-woocommerce-checkout:has(.wc-block-checkout__actions .checkout-order-summary-block-fill-wrapper) .wc-block-components-sidebar { display: none !important; }
/* No product blurbs in the checkout summary */
.wp-block-woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-metadata__description { display: none !important; }
/* Discount code lives above Payment options (drawn by Bella), not inside the summary */
.wp-block-woocommerce-checkout:has(#bella-coupon) .wp-block-woocommerce-checkout-order-summary-coupon-form-block { display: none !important; }
#bella-coupon { margin: 0 0 28px; font-family: var(--bella-font,Poppins), sans-serif; }
#bella-coupon .bc-title { margin: 0 0 10px; font: 600 18px/1.3 var(--bella-font,Poppins), sans-serif; color: var(--bella-text,#1E1E1E); }
#bella-coupon form { display: flex; gap: 10px; }
#bella-coupon input { flex: 1; min-width: 0; height: 48px; padding: 0 14px; border: 1px solid var(--bella-border,#CFD8CF); border-radius: 10px; font: 400 15px Poppins, sans-serif; color: var(--bella-text,#1E1E1E); background: #fff; }
#bella-coupon input:focus { outline: none; border-color: var(--bella-primary,#2C5633); box-shadow: 0 0 0 1px var(--bella-primary,#2C5633); }
#bella-coupon button[type=submit] { height: 48px; padding: 0 24px; border: 0; border-radius: 10px; background: var(--bella-primary,#2C5633); color: #fff; font: 600 15px Poppins, sans-serif; cursor: pointer; }
#bella-coupon button[type=submit]:hover { background: var(--bella-accent,#AAD7AB); color: var(--bella-primary,#2C5633); }
#bella-coupon button[disabled] { opacity: .6; cursor: wait; }
#bella-coupon .bc-err { margin: 8px 0 0; font-size: 13px; color: #B3261E; }
#bella-coupon .bc-err:empty { display: none; }
#bella-coupon .bc-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
#bella-coupon .bc-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 6px 5px 12px; border-radius: 999px; background: var(--bella-accent-soft,#E4F2E4); color: var(--bella-primary,#2C5633); font: 600 13px/1 var(--bella-font,Poppins), sans-serif; text-transform: uppercase; }
#bella-coupon .bc-chip button { width: 24px; height: 24px; border: 0; border-radius: 50%; background: transparent; color: var(--bella-primary,#2C5633); font-size: 16px; line-height: 1; cursor: pointer; }
#bella-coupon .bc-chip button:hover { background: #fff; }
@media (max-width: 480px) { #bella-coupon form { flex-direction: column; } #bella-coupon button[type=submit] { width: 100%; } }
/* 1.7.0 (Adam): checkout order = Order summary, Contact, Discount code, Shipping/Billing, Shipping method, Payment, then notes/terms/protection/Place order.
   Done with CSS order only (no DOM moves), so WooCommerce's React checkout keeps working. */
.wp-block-woocommerce-checkout .wc-block-checkout__form { display: flex !important; flex-direction: column; }
.wp-block-woocommerce-checkout .wc-block-checkout__form > * { order: 11; }
.wp-block-woocommerce-checkout .wc-block-checkout__form > :first-child { order: 0; }
.wp-block-woocommerce-checkout .wc-block-checkout__form > .wc-block-checkout__actions:has(.checkout-order-summary-block-fill-wrapper),
.wp-block-woocommerce-checkout .wc-block-checkout__actions > div:has(> .checkout-order-summary-block-fill-wrapper) { display: contents; }
.wp-block-woocommerce-checkout .wc-block-checkout__form .checkout-order-summary-block-fill-wrapper { order: 1; margin: 0 0 28px; }
.wp-block-woocommerce-checkout .wc-block-checkout__form > .wc-block-checkout__contact-fields { order: 2; }
.wp-block-woocommerce-checkout .wc-block-checkout__form > #bella-coupon { order: 3; margin-top: 8px; }
.wp-block-woocommerce-checkout .wc-block-checkout__form > .wp-block-woocommerce-checkout-shipping-method-block,
.wp-block-woocommerce-checkout .wc-block-checkout__form > .wp-block-woocommerce-checkout-pickup-options-block { order: 4; }
.wp-block-woocommerce-checkout .wc-block-checkout__form > .wc-block-checkout__shipping-fields { order: 5; }
.wp-block-woocommerce-checkout .wc-block-checkout__form > .wc-block-checkout__billing-fields { order: 6; }
.wp-block-woocommerce-checkout .wc-block-checkout__form > .wc-block-checkout__shipping-option { order: 7; }
.wp-block-woocommerce-checkout .wc-block-checkout__form > .wc-block-checkout__payment-method { order: 8; }
.wp-block-woocommerce-checkout .wc-block-checkout__form > .wc-block-checkout__order-notes { order: 9; }
.wp-block-woocommerce-checkout .wc-block-checkout__form > .wc-block-checkout__terms { order: 10; }
.wp-block-woocommerce-checkout .wc-block-checkout__actions_row { order: 13; }

/* 1.8.0: rules down to the 1.7.7 block apply only where Bella Settings → "Clean PayPal option" is on (off on HHS). */
/* 1.7.5: payment options look like a real, trusted checkout — tidy option rows, left-aligned grey help text
   (PayPal's centred "Clicking Proceed to PayPal…" line looked off), official PayPal mark next to the PayPal option,
   and a small lock line under the payment box. */
body.bella-pp-style .hh-co .wc-block-components-radio-control-accordion-option{border-radius:12px!important;overflow:hidden}
body.bella-pp-style .hh-co .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option{padding-top:14px!important;padding-bottom:14px!important}
body.bella-pp-style .hh-co .wc-block-components-radio-control-accordion-content{padding:0 16px 14px 52px!important;font-size:13px!important;line-height:1.5!important;color:var(--bella-muted,#5B5B5B)!important;text-align:left!important}
body.bella-pp-style .hh-co .wc-block-components-radio-control-accordion-content *{text-align:left!important;font-size:13px!important;color:var(--bella-muted,#5B5B5B)!important;margin:0 0 4px!important;padding:0!important}
body.bella-pp-style .hh-co .wc-block-components-radio-control-accordion-content:empty{display:none!important}
body.bella-pp-style .hh-co label[for$="ppcp-gateway"] .wc-block-components-payment-method-label,
body.bella-pp-style .hh-co label[for$="ppcp-gateway"] .wc-block-components-radio-control__label{display:flex!important;align-items:center;gap:10px;font-weight:600}
body.bella-pp-style .hh-co label[for$="ppcp-gateway"] .wc-block-components-radio-control__label::after{content:"";display:inline-block;width:78px;height:20px;margin-left:auto;background:url("https://www.paypalobjects.com/webstatic/mktg/Logo/pp-logo-100px.png") right center/contain no-repeat}
/* 1.7.6: the lock line under the payment box is gone (the trust row already says it). */
/* 1.7.6: PayPal option "B" — PayPal wordmark + "PayPal or Pay Later" sub-line, Pay in 4 line with the real split,
   three trust chips. PayPal's own "Pay via PayPal / Clicking Proceed to PayPal…" text is hidden. */
body.bella-pp-style .hh-co .wc-block-components-radio-control-accordion-option:has(input[id$="ppcp-gateway"]:checked){border:1.5px solid var(--hh-g,#2C5633)!important;box-shadow:none!important}
body.bella-pp-style .hh-co label[for$="ppcp-gateway"]{box-shadow:none!important;border:0!important}
body.bella-pp-style .hh-co label[for$="ppcp-gateway"] .wc-block-components-radio-control__label > span:first-child,body.bella-pp-style .hh-co label[for$="ppcp-gateway"] .wc-block-components-payment-method-icons{display:none!important} /* 1.7.8: display none (font-size 0 left a gap on themes with letter-spacing) */
body.bella-pp-style .hh-co label[for$="ppcp-gateway"] .wc-block-components-radio-control__label::after{width:84px!important;height:22px!important;margin-left:0!important;background-position:left center!important}
body.bella-pp-style .hh-co label[for$="ppcp-gateway"] .wc-block-components-radio-control__label-group{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px}
body.bella-pp-style .hh-co label[for$="ppcp-gateway"] .wc-block-components-radio-control__label-group::after{content:"PayPal or Pay Later";font-size:12px;font-weight:400;color:var(--bella-muted,#5B5B5B)}
body.bella-pp-style .hh-co [id$="ppcp-gateway__content"] > div > p{display:none!important}
body.bella-pp-style .hh-co [id$="ppcp-gateway__content"] .bella-pp{display:block!important;margin:0!important;padding:0!important}
body.bella-pp-style .hh-co [id$="ppcp-gateway__content"] .bella-pp .bella-p4{display:flex!important;align-items:flex-start;gap:10px;margin:0 0 10px!important;padding:10px 12px!important;border-radius:10px;background:#F2F7FC!important}
body.bella-pp-style .hh-co [id$="ppcp-gateway__content"] .bella-pp .bella-p4 span,body.bella-pp-style .hh-co [id$="ppcp-gateway__content"] .bella-pp .bella-p4 b{margin:0!important;color:#003087!important;font-size:12.5px!important;line-height:1.45!important}
body.bella-pp-style .hh-co [id$="ppcp-gateway__content"] .bella-pp .bella-p4 b{font-weight:600!important}
body.bella-pp-style .hh-co [id$="ppcp-gateway__content"] .bella-pp svg{width:16px;height:16px;flex:0 0 16px;margin:1px 0 0!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.bella-pp-style .hh-co [id$="ppcp-gateway__content"] .bella-pp .bella-p4 svg{width:18px;height:18px;flex-basis:18px;color:#003087}
body.bella-pp-style .hh-co [id$="ppcp-gateway__content"] .bella-pp-chips{display:flex!important;flex-wrap:wrap;gap:6px;margin:0!important}
body.bella-pp-style .hh-co [id$="ppcp-gateway__content"] .bella-pp-chips span{display:inline-flex!important;align-items:center;gap:5px;margin:0!important;padding:4px 10px!important;border-radius:99px;background:#F5F5F5!important;color:var(--bella-text,#1E1E1E)!important;font-size:11.5px!important;line-height:1.3!important}
body.bella-pp-style .hh-co [id$="ppcp-gateway__content"] .bella-pp-chips svg{width:13px;height:13px;flex-basis:13px;margin:0!important}

/* 1.7.7: the one-page checkout flow first built for Ellovi, now for every store in its own brand colours:
   1 items, 2 promo code, 3 email, 4 address, 5 shipping options, 6 totals right above 7 payment, Shipping Protection, terms, Place order.
   Gift-card box + order notes hidden, express buttons (PayPal/Venmo at the top) hidden, normal-size radios/checkboxes. */
body.bella-flow .hh-co .wc-block-checkout__form{display:flex!important;flex-direction:column!important;gap:0!important}
body.bella-flow .hh-co .wc-block-checkout__actions .wp-block-woocommerce-checkout-order-summary-block,body.bella-flow .hh-co .wc-block-checkout__actions .wc-block-components-checkout-order-summary-block-fill,body.bella-flow .hh-co .wc-block-checkout__actions .checkout-order-summary-block-fill,body.bella-flow .hh-co .wc-block-checkout__actions > div:first-child{display:contents!important}
body.bella-flow .hh-co .wc-block-checkout__actions .wp-block-woocommerce-checkout-order-summary-block > .wc-block-components-checkout-step__heading{order:1!important;margin:0 0 10px!important}
body.bella-flow .hh-co .wc-block-checkout__actions .wp-block-woocommerce-checkout-order-summary-cart-items-block{order:2!important;border:1px solid color-mix(in srgb,var(--bella-primary,#2C5633) 20%,#fff)!important;border-radius:12px!important;padding:6px 14px!important;margin:0 0 12px!important;background:#fff}
body.bella-flow .hh-co #bella-coupon{order:3!important;margin:0 0 18px!important;padding:0!important;border:0!important;background:none!important}
body.bella-flow .hh-co #bella-coupon .bc-title{display:none!important}
body.bella-flow .hh-co #bella-coupon input,body.bella-flow .hh-co #bella-coupon button{height:40px!important}
body.bella-flow .hh-co #contact-fields{order:4!important}
body.bella-flow .hh-co #shipping-fields,body.bella-flow .hh-co #billing-fields{order:5!important}
body.bella-flow .hh-co #shipping-option{order:6!important}
body.bella-flow .hh-co .wc-block-checkout__actions .wp-block-woocommerce-checkout-order-summary-totals-block{order:7!important;border:1px solid color-mix(in srgb,var(--bella-primary,#2C5633) 20%,#fff)!important;border-bottom:0!important;border-radius:12px 12px 0 0!important;padding:8px 14px 0!important;margin:18px 0 0!important;background:color-mix(in srgb,var(--bella-primary,#2C5633) 4%,#fff)}
body.bella-flow .hh-co .wc-block-checkout__actions .checkout-order-summary-block-fill > .wc-block-components-totals-wrapper:not(.slot-wrapper):not(.wp-block-woocommerce-checkout-order-summary-cart-items-block):not(.wp-block-woocommerce-checkout-order-summary-coupon-form-block){order:8!important;border:1px solid color-mix(in srgb,var(--bella-primary,#2C5633) 20%,#fff)!important;border-radius:0 0 12px 12px!important;padding:4px 14px 10px!important;margin:0 0 18px!important;background:color-mix(in srgb,var(--bella-primary,#2C5633) 4%,#fff)}
body.bella-flow .hh-co .wc-block-checkout__actions .checkout-order-summary-block-fill > .slot-wrapper{order:9!important}
body.bella-flow .hh-co #pwgc-redeem-gift-card-container,body.bella-flow .hh-co #order-notes{display:none!important}
body.bella-flow .hh-co #payment-method{order:10!important}
body.bella-flow .hh-co #bella-protect{order:11!important}
body.bella-flow .hh-co .wc-block-checkout__terms{order:12!important}
body.bella-flow .hh-co .wc-block-checkout__actions_row{order:13!important}
body.bella-flow .hh-co .wc-block-checkout__actions .wc-block-components-order-summary-item{padding:10px 0!important;gap:12px!important;align-items:center!important}
body.bella-flow .hh-co .wc-block-checkout__actions .wc-block-components-order-summary-item + .wc-block-components-order-summary-item{border-top:1px solid color-mix(in srgb,var(--bella-primary,#2C5633) 10%,#fff)!important}
body.bella-flow .hh-co .wc-block-checkout__actions .wc-block-components-order-summary-item__image{width:44px!important;flex:0 0 44px!important}
body.bella-flow .hh-co .wc-block-checkout__actions .wc-block-components-order-summary-item__image img{width:44px!important;height:44px!important;object-fit:contain}
body.bella-flow .hh-co .wc-block-checkout__actions .wc-block-components-order-summary-item__description{display:flex!important;flex-wrap:wrap!important;align-items:center!important;column-gap:10px!important;row-gap:2px!important;padding:0!important}
body.bella-flow .hh-co .wc-block-checkout__actions .wc-block-components-order-summary-item__description .wc-block-components-product-name{flex:1 1 100%!important;margin:0!important;font-size:14px!important}
body.bella-flow .hh-co .wc-block-checkout__actions .wc-block-components-order-summary-item__description .wc-block-cart-item__prices{font-size:13px!important;margin:0!important}
body.bella-flow .hh-co .wc-block-checkout__actions .wc-block-components-order-summary-item__description .wc-block-components-product-metadata{flex:1 1 100%!important;margin:0!important;font-size:12px!important}
body.bella-flow .hh-co .wc-block-checkout__actions .wc-block-components-order-summary-item__description .bella-oi{margin:0!important}
body.bella-flow .hh-co .bella-oi .bella-oi__q{height:28px!important}
body.bella-flow .hh-co .bella-oi .bella-oi__q button{width:26px!important;height:26px!important}
body.bella-flow .hh-co .wc-block-checkout__actions .wc-block-components-order-summary-item__total-price{font-size:14px!important;align-self:flex-start!important}
body.bella-flow .hh-co .wc-block-components-totals-item{padding:4px 0!important}
body.bella-flow .hh-co .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,body.bella-flow .hh-co .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-size:17px!important;font-weight:700!important}
body.bella-flow .hh-co .wc-block-components-express-payment,body.bella-flow .hh-co .wc-block-components-express-payment-continue-rule,body.bella-flow .hh-co .wp-block-woocommerce-checkout-express-payment-block{display:none!important}
body.bella-flow .hh-co input[type=radio],body.bella-flow .hh-co input[type=checkbox],body.bella-flow .hh-co .wc-block-components-radio-control__input,body.bella-flow .hh-co .wc-block-components-checkbox__input{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;padding:0!important;line-height:normal!important;box-shadow:none!important;background-color:#fff!important;border:1.5px solid #B9B9B9!important;flex:0 0 20px!important}
body.bella-flow .hh-co input[type=radio],body.bella-flow .hh-co .wc-block-components-radio-control__input{border-radius:50%!important;margin:0!important}
body.bella-flow .hh-co input[type=checkbox],body.bella-flow .hh-co .wc-block-components-checkbox__input{border-radius:5px!important;margin:0 10px 0 0!important}
body.bella-flow .hh-co .wc-block-components-radio-control__input:checked,body.bella-flow .hh-co .wc-block-components-checkbox__input:checked{border-color:var(--bella-primary,#2C5633)!important}
body.bella-flow .hh-co .wc-block-components-radio-control__input:checked::before{background:var(--bella-primary,#2C5633)!important}
body.bella-flow .hh-co .wc-block-components-checkbox__input:checked{background-color:var(--bella-primary,#2C5633)!important}
body.bella-flow .hh-co .wc-block-components-checkbox__mark{fill:#fff!important}

/* 1.7.8: country/state dropdown label no longer overlaps the value on themes that zero select padding (OceanWP on Sierra). */
.hh-co .wc-blocks-components-select .wc-blocks-components-select__select{padding:20px 36px 4px 12px!important;height:52px!important;line-height:24px!important;font-size:15px!important}
.hh-co .wc-blocks-components-select .wc-blocks-components-select__label{font-size:12px!important;top:6px!important;left:13px!important;line-height:16px!important}
/* 1.7.8: card payment boxes (Stripe and other card forms) get even padding all round, not the 52px left indent meant for PayPal's help text. */
body .hh-co .wc-block-components-radio-control-accordion-content:has(.StripeElement, iframe){padding:16px 16px 18px!important}
body .hh-co .wc-block-components-radio-control-accordion-content .wcstripe-payment-element{margin:0!important}