/* MCS Support Contribution for WooCommerce */
.mcs-support-contribution-box{
  margin:24px 0 22px;
  padding:22px;
  border:1px solid rgba(255,171,76,.28);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(9,23,38,.92),rgba(5,13,23,.78));
  box-shadow:0 18px 48px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);
  color:#dcecf8;
}
.mcs-support-contribution-head{display:grid;gap:6px;margin-bottom:12px}
.mcs-support-kicker{color:#ffd08a;font-weight:950;text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.mcs-support-contribution-head strong{color:#f4fbff;font-size:clamp(24px,2.8vw,38px);line-height:.95;text-transform:uppercase;letter-spacing:-.025em}
.mcs-support-help{margin:0 0 18px!important;color:#8eaabd!important;line-height:1.62!important;font-weight:700!important}
.mcs-support-input-wrap{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 14px;border-radius:18px;border:1px solid rgba(111,231,255,.22);background:rgba(0,0,0,.22)}
.mcs-support-currency{flex:0 0 auto;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ffab4c,#ffd08a);color:#1c1000;font-weight:950}
.mcs-support-input-wrap input{width:100%;min-width:0;height:46px;border:0!important;outline:0!important;background:transparent!important;color:#f4fbff!important;font-size:28px!important;font-weight:950!important;letter-spacing:.02em!important;box-shadow:none!important;padding:0!important}
.mcs-support-input-wrap input::placeholder{color:rgba(220,236,248,.38)}
.mcs-support-minimum{display:block;margin-top:12px;color:#8eaabd;font-weight:800;line-height:1.45}
.mcs-support-minimum-neutral{opacity:.75}
.mcs-support-price-html{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,171,76,.22);background:rgba(255,171,76,.08);color:#ffd08a;font-weight:950;text-transform:uppercase;letter-spacing:.055em;font-size:12px}
.single-product .mcs-support-contribution-box + .quantity{margin-top:0}
.woocommerce div.product form.cart .mcs-support-contribution-box ~ button.single_add_to_cart_button,
.woocommerce div.product form.cart button.single_add_to_cart_button{
  border-radius:14px!important;
  min-height:56px!important;
  padding:0 22px!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.woocommerce .mcs-support-cart-name{font-weight:950;color:#f4fbff}
@media(max-width:760px){
  .mcs-support-contribution-box{padding:18px;border-radius:20px}
  .mcs-support-input-wrap{min-height:58px}
  .mcs-support-input-wrap input{font-size:24px!important}
}

/* MCS support language refinements */
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button,
.wc-block-components-button,
.wp-block-button__link{
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:950;
}

.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title,
.woocommerce-account .entry-title,
.post-type-archive-product .woocommerce-products-header__title{
  text-transform:uppercase;
  letter-spacing:-.035em;
}

.woocommerce .product_meta .posted_in,
.woocommerce .product_meta .tagged_as{
  color:#8eaabd;
}


/* V0.2.4 safe sticky support notice
   Fixed bottom notice without aggressive JavaScript observers. */
body.single-product .woocommerce-notices-wrapper .woocommerce-message{
  position:fixed!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  z-index:99999!important;
  width:min(calc(100vw - 28px), 1380px)!important;
  max-width:calc(100vw - 28px)!important;
  min-height:76px!important;
  margin:0!important;
  padding:16px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border-radius:22px!important;
  border:1px solid rgba(111,231,255,.30)!important;
  border-top-color:rgba(111,231,255,.30)!important;
  background:radial-gradient(circle at 8% 50%, rgba(51,201,139,.18), transparent 18rem),
             linear-gradient(145deg, rgba(6,20,34,.98), rgba(3,10,18,.96))!important;
  color:var(--text,#dcecf8)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.58), 0 0 44px rgba(13,157,255,.16)!important;
  backdrop-filter:blur(18px) saturate(1.15);
}

body.single-product .woocommerce-notices-wrapper .woocommerce-message::before{
  position:static!important;
  content:"✓"!important;
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#33c98b,#62f6a4)!important;
  color:#00180c!important;
  font-size:17px!important;
  font-weight:950!important;
  box-shadow:0 0 24px rgba(98,246,164,.35)!important;
}

body.single-product .woocommerce-notices-wrapper .woocommerce-message .mcs-support-added-copy{
  flex:1 1 auto!important;
  font-family:var(--display,system-ui,sans-serif)!important;
  font-size:clamp(.98rem,1.15vw,1.2rem)!important;
  line-height:1.35!important;
  font-weight:950!important;
  letter-spacing:.015em!important;
  color:var(--white,#f4fbff)!important;
}

body.single-product .woocommerce-notices-wrapper .woocommerce-message a.button,
body.single-product .woocommerce-notices-wrapper .woocommerce-message .wc-forward{
  order:2!important;
  flex:0 0 auto!important;
  margin:0!important;
  min-height:52px!important;
  padding:0 22px!important;
  border-radius:14px!important;
  color:#170b00!important;
  background:linear-gradient(135deg,#ffab4c,#ffd08a)!important;
  border:0!important;
  box-shadow:0 16px 34px rgba(255,171,76,.25), inset 0 1px 0 rgba(255,255,255,.35)!important;
  font-family:var(--display,system-ui,sans-serif)!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}

@media(max-width:760px){
  body.single-product .woocommerce-notices-wrapper .woocommerce-message{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    padding:14px!important;
    display:grid!important;
    grid-template-columns:28px 1fr!important;
    gap:12px!important;
    border-radius:19px!important;
  }

  body.single-product .woocommerce-notices-wrapper .woocommerce-message a.button,
  body.single-product .woocommerce-notices-wrapper .woocommerce-message .wc-forward{
    grid-column:1 / -1!important;
    width:100%!important;
  }
}


/* V0.2.5 top-layer sticky support notice
   Move/stylize the notice above product gallery, theme panels and fixed UI layers. */
body > .mcs-support-sticky-top-layer,
body.single-product > .mcs-support-sticky-top-layer{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:max(18px, env(safe-area-inset-bottom))!important;
  transform:translate3d(-50%,0,0)!important;
  z-index:2147483000!important;
  width:min(calc(100vw - 28px), 1380px)!important;
  max-width:calc(100vw - 28px)!important;
  min-height:76px!important;
  margin:0!important;
  padding:16px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border-radius:22px!important;
  border:1px solid rgba(111,231,255,.35)!important;
  border-top-color:rgba(111,231,255,.35)!important;
  background:
    radial-gradient(circle at 8% 50%, rgba(51,201,139,.22), transparent 18rem),
    linear-gradient(145deg, rgba(6,20,34,.99), rgba(3,10,18,.98))!important;
  color:var(--text,#dcecf8)!important;
  box-shadow:0 32px 96px rgba(0,0,0,.72), 0 0 54px rgba(13,157,255,.22)!important;
  backdrop-filter:blur(20px) saturate(1.18)!important;
  isolation:isolate!important;
  overflow:visible!important;
  pointer-events:auto!important;
  clip-path:none!important;
  contain:none!important;
}

body > .mcs-support-sticky-top-layer::before{
  position:static!important;
  content:"✓"!important;
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#33c98b,#62f6a4)!important;
  color:#00180c!important;
  font-size:18px!important;
  font-weight:950!important;
  box-shadow:0 0 26px rgba(98,246,164,.42)!important;
}

body > .mcs-support-sticky-top-layer .mcs-support-added-copy{
  flex:1 1 auto!important;
  font-family:var(--display,system-ui,sans-serif)!important;
  font-size:clamp(.98rem,1.15vw,1.2rem)!important;
  line-height:1.35!important;
  font-weight:950!important;
  letter-spacing:.015em!important;
  color:var(--white,#f4fbff)!important;
}

body > .mcs-support-sticky-top-layer a.button,
body > .mcs-support-sticky-top-layer .wc-forward,
body > .mcs-support-sticky-top-layer .mcs-support-added-action{
  order:2!important;
  flex:0 0 auto!important;
  margin:0!important;
  min-height:52px!important;
  padding:0 22px!important;
  border-radius:14px!important;
  color:#170b00!important;
  background:linear-gradient(135deg,#ffab4c,#ffd08a)!important;
  border:0!important;
  box-shadow:0 18px 38px rgba(255,171,76,.28), inset 0 1px 0 rgba(255,255,255,.38)!important;
  font-family:var(--display,system-ui,sans-serif)!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}

body.mcs-support-sticky-active{
  padding-bottom:112px!important;
}

@media(max-width:760px){
  body > .mcs-support-sticky-top-layer,
  body.single-product > .mcs-support-sticky-top-layer{
    left:10px!important;
    right:10px!important;
    bottom:max(10px, env(safe-area-inset-bottom))!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    padding:14px!important;
    display:grid!important;
    grid-template-columns:30px 1fr!important;
    gap:12px!important;
    border-radius:19px!important;
  }

  body > .mcs-support-sticky-top-layer a.button,
  body > .mcs-support-sticky-top-layer .wc-forward,
  body > .mcs-support-sticky-top-layer .mcs-support-added-action{
    grid-column:1 / -1!important;
    width:100%!important;
  }

  body.mcs-support-sticky-active{
    padding-bottom:156px!important;
  }
}