.cse-subscription-item-head {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
}

.cse-subscription-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: #eef3e6 !important;
  border: 1px solid #d2dec3 !important;
  color: #2e4a35 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.cse-subscription-name {
  display: block !important;
}

.cse-subscription-plan {
  display: inline-block !important;
  margin-top: -1px !important;
  color: #6a736d !important;
  font-size: 0.82em !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

.cse-subscription-plan__prefix {
  color: #7a837d !important;
}

.cse-subscription-plan__value {
  color: #636c66 !important;
}

.wc-block-components-product-metadata .cse-subscription-plan {
  margin-top: 0 !important;
}

/* Woolentor checkout summary meta: render "Plan: value" inline and styled like the plan value text. */
.woolentor-checkout__product-meta .variation {
  font-size: 14px !important;
  display: flex;
  justify-content: start;
  gap: 2px;
  align-items: center;
  font-weight: 500;
  color: #5e665f;
}

.woolentor-checkout__product-meta .variation .item-variation-name,
.woolentor-checkout__product-meta .variation .item-variation-value,
.woolentor-checkout__product-meta .variation .item-variation-value p {
  display: inline !important;
  margin: 0 !important;
  color: #636c66 !important;
  font-size: 0.82em !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

/* Subscription-only override: keep non-subscription variation rows unchanged. */
.woolentor-checkout__product-meta .variation li:has(.cse-checkout-plan-value) .item-variation-name,
.woolentor-checkout__product-meta .variation li:has(.cse-checkout-plan-value) .item-variation-value,
.woolentor-checkout__product-meta .variation li:has(.cse-checkout-plan-value) .item-variation-value p,
.woolentor-checkout__product-meta .variation li.variation-Plan .item-variation-name,
.woolentor-checkout__product-meta .variation li.variation-Plan .item-variation-value,
.woolentor-checkout__product-meta .variation li.variation-Plan .item-variation-value p,
.woolentor-checkout__product-meta .variation .item-variation-value .cse-checkout-plan-value {
  font-size: 14px !important;
}

.cse-subscription-interval {
  display: inline-block !important;
  margin-top: 4px !important;
  color: #5e665f !important;
  font-size: 0.95em !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-transform: capitalize !important;
  opacity: 1 !important;
}

.cse-subscription-notice {
  margin: 12px 0 !important;
  padding: 14px 16px !important;
  border: 1px solid #d5e0d0 !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #f8fbf5 0%, #f2f7ee 100%) !important;
  color: #1f2c24 !important;
}

.cse-subscription-notice__title {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
}

.cse-subscription-notice__summary {
  margin: 6px 0 0 !important;
  color: #2d3b32 !important;
  line-height: 1.45 !important;
}

.cse-subscription-notice__list {
  list-style: none !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 6px !important;
}

.cse-subscription-notice__item {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 7px 10px !important;
  border: 1px solid #dce6d8 !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

.cse-subscription-notice__amount {
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.cse-subscription-notice__interval {
  color: #4c5a51 !important;
  font-size: 0.95em !important;
  text-align: right !important;
}

.cse-subscription-notice__portal {
  margin: 10px 0 0 !important;
  color: #2c3a31 !important;
}

#payment .cse-subscription-notice--checkout {
  margin: 12px 0 8px !important;
}

@media (max-width: 767px) {
  .cse-subscription-item-head {
    gap: 5px !important;
  }

  .cse-subscription-badge {
    font-size: 9px !important;
    padding: 2px 7px !important;
  }

  .cse-subscription-interval {
    font-size: 0.9em !important;
  }

  .cse-subscription-plan {
    font-size: 0.8em !important;
  }

  .cse-subscription-notice {
    padding: 12px 13px !important;
  }

  .cse-subscription-notice__item {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3px !important;
  }

  .cse-subscription-notice__interval {
    text-align: left !important;
  }
}