/* =========================
   CICA Membership Checkout Accordion
   Scoped to membership only: body.cica-membership-checkout
   ========================= */

body.cica-membership-checkout .cica-acc {
  border: 1px solid rgba(0, 0, 0, 0.10);
  border-radius: 12px;
  margin: 14px 0;
  overflow: hidden;
  background: #fff;
}

/* HEADER BAR */
body.cica-membership-checkout .cica-acc__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  font-weight: 700;
  cursor: pointer;
  user-select: none;

  /* Match main menu background */
  background: #243C5A;
  color: #fff;
}

/* IMPORTANT: kill the old style.css teal header rule */
body.cica-membership-checkout .cica-acc__title {
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Icon bubble */
body.cica-membership-checkout .cica-acc__icon {
  font-size: 18px;
  line-height: 1;
  margin-left: 10px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
}

body.rtl.cica-membership-checkout .cica-acc__icon {
  margin-left: 0;
  margin-right: 10px;
}

body.cica-membership-checkout .cica-acc__body {
  padding: 12px 16px 16px;
}

body.cica-membership-checkout .cica-acc.is-collapsed .cica-acc__body {
  display: none;
}

body.cica-membership-checkout .cica-acc:not(.is-open) .cica-acc__body {
  display: none;
}


/* Hide Heading fields once wrapped */
body.cica-membership-checkout .cica-hide-native-title {
  display: none !important;
}

/* Hide Woo "(optional)" text */
body.cica-membership-checkout .optional {
  display: none !important;
}

/* Make checkbox/radio option labels normal weight */
body.cica-membership-checkout .cica-acc .woocommerce-input-wrapper label,
body.cica-membership-checkout .cica-acc .woocommerce-input-wrapper label span,
body.cica-membership-checkout .cica-acc .woocommerce-form__label,
body.cica-membership-checkout .cica-acc .woocommerce-form__label span {
  font-weight: 400 !important;
}

/* Optional note styling */
body.cica-membership-checkout .cica-optional-note {
  margin: 10px 0 12px;
  font-size: 14px;
  opacity: 0.85;
}

/* Make selects match other fields (Select2 + native selects) */
body.cica-membership-checkout .cica-acc select,
body.cica-membership-checkout .cica-acc .select2-container {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.cica-membership-checkout .cica-acc .select2-container .select2-selection {
  width: 100% !important;
  box-sizing: border-box !important;
}



/* Make "Additional information" look like H4 */
body.cica-membership-checkout .woocommerce-additional-fields > h3 {
  font-size: 1.25rem !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
}

/* =========================
   Notices behavior (Membership checkout only)
   - Hide ALL success/info notices (including "added to cart" + View cart)
   - KEEP errors visible (failed payment / validation)
   ========================= */

/* Ensure wrapper itself is NOT hidden (errors need it) */
body.cica-membership-checkout .woocommerce-notices-wrapper {
  display: block !important;
}

/* Hide success/info notices */
body.cica-membership-checkout .woocommerce-notices-wrapper .woocommerce-message {
  display: none !important;
}

/* Hide any "View cart" / forward buttons if they appear anywhere */
body.cica-membership-checkout .woocommerce-message .button,
body.cica-membership-checkout .woocommerce-message a.button,
body.cica-membership-checkout a.wc-forward,
body.cica-membership-checkout .added_to_cart,
body.cica-membership-checkout .woocommerce-message a.wc-forward {
  display: none !important;
}

/* Keep errors visible */
body.cica-membership-checkout .woocommerce-notices-wrapper .woocommerce-error {
  display: block !important;
}

/* =========================
   Membership Summary Styling
   Make "Your order" feel less ecommerce
   ========================= */

/* Hide the table header row (removes "Product/Subtotal" header feel) */
body.cica-membership-checkout .woocommerce-checkout-review-order-table thead {
  display: none !important;
}

/* Hide quantity like "× 1" */
body.cica-membership-checkout .woocommerce-checkout-review-order-table .product-name .product-quantity {
  display: none !important;
}

/* Hide the Subtotal row (we’ll keep the final total) */
body.cica-membership-checkout .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal,
body.cica-membership-checkout .woocommerce-checkout-review-order-table tfoot tr.recurring-totals {
  display: none !important;
}