/* ================================
   PACKAGE PAGE – CLEAN TARGETING
   ================================ */

/* 1. "Choose a Package" */
.case27-primary-text {
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 500 !important;
  font-size: clamp(52px, 3vw, 52px) !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  line-height: 1.1 !important;
}


/* 2. Package Titles (Basic Listing etc) */
.plan-name {
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}


/* 3. Price */
.plan-price,
.amount {
  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(60px, 2.2vw, 38px) !important;
  font-weight: 500 !important;
}


/* 4. Under-price line (/ month etc) */
.subscription-details {
  font-family: "Montserrat", sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}


/* 5. Button typography */
.select-plan {
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}


/* 6. Button text change (visual only) */
.select-plan {
  font-size: 0 !important;
}

.select-plan:before {
  content: "Select subscription";
  font-size: 14px !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}


/* ================================
   SPACING FIXES
   ================================ */

/* Reduce gap between plan name and price */
.plan-name {
  margin-bottom: -20px !important;
}

.plan-price,
.plan-price-wrap,
.plan-price-wrapper {
  margin-top: 0 !important;
}

/* Reduce vertical spacing around price block */
.plan-price {
  margin-bottom: 8px !important;
}

/* BUTTON TEXT: show ONLY "Select subscription" */
a.select-plan {
  font-size: 0 !important;           /* hides the original "Buy Package" text */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

/* Add our preferred label back in */
a.select-plan:before {
  content: "Select subscription" !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
}

/* Keep the arrow visible + aligned */
a.select-plan i {
  font-size: 18px !important;
  margin: 0 !important;
  position: relative;
  top: 1px !important;
}
/* Reduce space between plan title and price */
.plan-name {
  margin-bottom: 10px !important;
}

/* Add breathing room under the "/ month" line */
.subscription-details {
  display: block !important;
  margin-bottom: 40px !important;
}

/* Optional: tighten description spacing slightly */
.plan-description {
  margin-bottom: -10px !important;
}

/* ✅ Force the package-selection section background to your site neutral */
.add-listing-step,
.add-listing-step .i-section,
.add-listing-step .c27-packages,
.add-listing-step .c27-packages .container {
  background: #f1f1ef !important;
}

/* ✅ Remove any “panel/overlay” styling that makes it look lighter/different */
.add-listing-step .c27-packages .container {
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Optional: if the section itself has padding/margins that show a different colour behind */
.add-listing-step .c27-packages {
  padding-top: 4rem;   /* adjust if needed */
  padding-bottom: 4rem;/* adjust if needed */
}

/* Fix the “mystery strip” before the footer on add-listing flow */
body.add-listing-form #c27-site-wrapper,
body.add-listing-form #c27-site-wrapper > div,
body.add-listing-form #c27-site-wrapper > section,
body.add-listing-form .add-listing-step,
body.add-listing-form .add-listing-step + * {
  background-color: #f1f1ef !important;
}

/* If there’s a blank spacer with height, kill its background explicitly */
body.add-listing-form .elementor-spacer-inner,
body.add-listing-form .elementor-widget-spacer,
body.add-listing-form .elementor-spacer {
  background-color: #f1f1ef !important;
}

/* Cart + Checkout background */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-cart #c27-site-wrapper,
body.woocommerce-checkout #c27-site-wrapper,
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce {
  background: #f1f1ef !important;
}

/* Make the main cart panels match your clean white card look */
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals,
body.woocommerce-checkout form.checkout {
  background: #ffffff !important;
  border-radius: 12px;
}

/* Calm down cart pricing typography */
body.woocommerce-cart .woocommerce-Price-amount,
body.woocommerce-cart .order-total .amount,
body.woocommerce-cart .cart-subtotal .amount,
body.woocommerce-cart .recurring-total .amount,
body.woocommerce-checkout .woocommerce-Price-amount,
body.woocommerce-checkout .order-total .amount,
body.woocommerce-checkout .recurring-total .amount {
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* CART: label the price + subtotal columns even if header row isn't visible */
.woocommerce-cart td.product-price,
.woocommerce-cart td.product-subtotal{
  position: relative;
  padding-top: 2.2em; /* creates room for the label */
}

.woocommerce-cart td.product-price::before{
  content: "Subtotal";
  position: absolute;
  top: 0.20em;
  left: 0;
  font-size: 0.85em;
  opacity: 0.7;
}

.woocommerce-cart td.product-subtotal::before{
  content: "Recurring";
  position: absolute;
  top: 0.20em;
  left: 0;
  font-size: 0.85em;
  opacity: 0.7;
}
/* Hide specific menu item on desktop */
@media (min-width: 1025px) {
  .hide-desktop {
    display: none !important;
  }
}
/* DUEH My Account page background */
body.woocommerce-account,
body.woocommerce-account #page,
body.woocommerce-account #content,
body.woocommerce-account .site,
body.woocommerce-account .site-content,
body.woocommerce-account .page-content,
body.woocommerce-account main {
  background: #f1f1ef !important;
}
/* Hide Customer option on registration (MyListing role switch) */
label[for="mylisting_user_role-primary"],
#mylisting_user_role-primary {
  display: none !important;
}
/* DUEH: put currency symbol before amount in Elementor Price Table */
.elementor-widget-price-table .elementor-price-table__price {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.12em;
}

/* If Elementor outputs currency after amount, reverse it */
.elementor-widget-price-table .elementor-price-table__currency {
  order: -1;
}
/* DUEH – Checkout recurring subscription notice */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper:before {
  content: "This is a recurring subscription and will renew automatically each month unless cancelled. You can manage or cancel anytime in your account dashboard. If a payment fails, we may retry the charge automatically.";
  display: block;
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 12px;
  opacity: 0.85;
}
/* Tidy up subscription totals typography + action buttons */
.woocommerce-view-subscription .subscription-totals td,
.woocommerce-view-subscription .subscription-totals th,
.woocommerce-account .shop_table td,
.woocommerce-account .shop_table th{
  font-size: 16px !important;
  line-height: 1.4 !important;
}

.woocommerce-view-subscription .subscription_details .button,
.woocommerce-account .woocommerce-MyAccount-content .button{
  padding: 10px 14px !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
}
/* Fix oversized Woo prices caused by global .amount styling */
.woocommerce .amount,
.woocommerce-Price-amount.amount,
.woocommerce-Price-amount .woocommerce-Price-currencySymbol {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* Keep subscription totals readable */
.woocommerce table.shop_table .amount {
  font-size: 1em !important;
}
/* MyListing card title font size */
h4.listing-preview-title {
  font-size: 20px !important;
  line-height: 1.25 !important;
}