/* CoParents Premium Contact — front styles (mockup design system) */
:root{
	--cpc-pink:#E11D74; --cpc-pink-dark:#B01259; --cpc-pink-050:#FCEAF1;
	--cpc-teal:#1799B0; --cpc-ink:#1A1A2E; --cpc-text:#3A3A4A; --cpc-muted:#7A7A88;
	--cpc-line:#E7E7EE; --cpc-bg:#F4F4F7;
	--cpc-success:#0F7A5A; --cpc-success-bg:#E3F5EE;
	--cpc-warning:#9A6207; --cpc-warning-bg:#FBF0DC;
	--cpc-danger:#B5302F; --cpc-danger-bg:#FBE6E6;
	--cpc-pending:#4A5B7B; --cpc-pending-bg:#EAF0F8;
	--cpc-r:14px; --cpc-rs:9px;
}

.cpc-page{ max-width:640px; margin:0 auto; padding:8px 0 32px; color:var(--cpc-text); }
.cpc-page--wide{ max-width:980px; }
.cpc-back{ display:inline-block; margin-bottom:14px; color:var(--cpc-teal); text-decoration:none; font-size:14px; }
.entry-title:empty, .page-title:empty{ display:none !important; }

.cpc-sparkle{ flex-shrink:0; }

.cpc-title{ display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.cpc-title__ico{ width:46px; height:46px; border-radius:11px; background:var(--cpc-pink-050); color:var(--cpc-pink); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.cpc-title__h{ font-size:22px; font-weight:700; color:var(--cpc-ink); margin:0; }
.cpc-title__sub{ font-size:13.5px; color:var(--cpc-muted); }

/* ------------------------------------------------------------------
 * Buttons injected in BuddyBoss cards / profile header
 * ---------------------------------------------------------------- */
.cpc-btn-wrap{ margin-top:8px; }
/* CPMC locks cards at 470px with overflow hidden: grow every card evenly
   when the Premium Contact button is present so "View profile" stays visible. */
body.cpc-cards-on #members-list li.cpmc-on{
	height:494px !important; min-height:494px !important; max-height:494px !important;
}
/* Mockup: the card ends on the Premium Contact button — no "View profile" link. */
body.cpc-cards-on #members-list li.cpmc-on .cpmc-profile-link{ display:none !important; }

.cpmc-btns .cpc-btn-wrap.cpc-directory{ margin:8px 0 0 !important; display:block !important; width:100% !important; }
.cpmc-btns .cpc-btn-wrap.cpc-directory .cpc-btn{
	display:flex !important; align-items:center !important; justify-content:center !important;
	gap:8px !important; width:100% !important; min-height:39px !important;
	margin:0 !important; padding:8px 14px !important; box-sizing:border-box !important;
	background:var(--cpc-pink-050) !important; border:1px solid #F3A8C8 !important; border-radius:8px !important;
	color:var(--cpc-pink) !important; font-size:13px !important; font-weight:700 !important; line-height:1.2 !important;
	text-decoration:none !important; cursor:pointer !important;
}
.cpmc-btns .cpc-btn-wrap.cpc-directory .cpc-btn:hover{ background:#FBDEEC !important; border-color:var(--cpc-pink) !important; }
.cpmc-btns .cpc-btn-wrap.cpc-directory .cpc-btn--done{
	background:var(--cpc-grey-050) !important; border:1px solid var(--cpc-line) !important; color:var(--cpc-muted) !important; cursor:default !important;
}
.cpmc-btns .cpc-btn-wrap.cpc-directory .cpc-sparkle{ width:16px; height:16px; flex:0 0 16px; }
/* Fallback placement when CPMC is absent */
li[data-bp-item-id] .cpc-btn-wrap.cpc-directory{ position:relative; z-index:2; clear:both; }
li[data-bp-item-id]:not(:has(.cpmc-btns)) .cpc-btn-wrap.cpc-directory{ margin:10px 14px 14px; }
li[data-bp-item-id]:not(:has(.cpmc-btns)) .cpc-btn-wrap.cpc-directory .cpc-btn{ width:100%; }
.cpc-btn{
	display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%;
	border:1px solid var(--cpc-pink) !important; color:var(--cpc-pink) !important; background:#fff !important;
	border-radius:var(--cpc-rs); padding:10px 16px; font-size:14px !important; font-weight:600 !important;
	text-decoration:none !important; cursor:pointer; transition:background .15s; line-height:1.2;
	text-transform:none !important; letter-spacing:0 !important; box-sizing:border-box;
}
.cpc-btn:hover{ background:var(--cpc-pink-050) !important; color:var(--cpc-pink-dark) !important; }
.cpc-btn--done{ border-color:var(--cpc-line) !important; color:var(--cpc-muted) !important; background:var(--cpc-bg) !important; cursor:default; }
.cpc-btn--done .cpc-sparkle{ color:var(--cpc-pink); }
.cpc-btn--small{ width:auto; padding:7px 14px; font-size:13px !important; }
.cpc-profile{ display:inline-block; }
.cpc-profile .cpc-btn{ width:auto; }
.cpc-directory .cpc-btn{ width:100%; }
.cpc-details-link{ display:inline-block; margin-top:6px; background:none !important; border:0 !important; padding:0; color:var(--cpc-teal) !important; font-size:13px; cursor:pointer; text-decoration:none; }
.cpc-details-link:hover{ text-decoration:underline; }

/* ------------------------------------------------------------------
 * Alerts / info
 * ---------------------------------------------------------------- */
.cpc-info{ display:flex; gap:10px; align-items:flex-start; background:var(--cpc-pink-050); color:var(--cpc-pink-dark); border-radius:var(--cpc-rs); padding:13px 15px; font-size:13px; line-height:1.55; margin:14px 0; }
.cpc-info__ico{ flex-shrink:0; display:inline-flex; margin-top:1px; }
.cpc-info--soft{ margin-top:14px; }
.cpc-alert{ border-radius:var(--cpc-rs); padding:13px 15px; font-size:13.5px; margin:14px 0; }
.cpc-alert--success{ background:var(--cpc-success-bg); color:var(--cpc-success); }
.cpc-alert--warn{ background:var(--cpc-warning-bg); color:var(--cpc-warning); }
.cpc-error{ background:var(--cpc-danger-bg); color:var(--cpc-danger); border-radius:var(--cpc-rs); padding:12px 15px; font-size:13.5px; margin:12px 0; }
.cpc-side-note{ font-size:12.5px; color:var(--cpc-muted); margin-top:10px; }
.cpc-side-note--center{ display:flex; gap:7px; align-items:center; justify-content:center; margin:16px 0; }
.cpc-empty{ color:var(--cpc-muted); }

/* Credits pill */
.cpc-credits-pill{
	display:flex; align-items:center; gap:10px;
	background:#fff; border:1px solid var(--cpc-line); border-radius:var(--cpc-r);
	padding:14px 16px; margin-bottom:18px; font-size:14px;
}
.cpc-credits-pill .cpc-sparkle{ color:var(--cpc-pink); }
.cpc-credits-pill a{ color:var(--cpc-teal); }

/* ------------------------------------------------------------------
 * Currency select (chevron icon, mockup)
 * ---------------------------------------------------------------- */
.cpc-currency{ display:flex; align-items:center; gap:12px; margin:0 0 16px; }
.cpc-currency label{ font-size:13.5px; color:var(--cpc-muted); }
.cpc-select{ position:relative; display:inline-block; }
.cpc-select select{
	-webkit-appearance:none; appearance:none;
	font:inherit; font-size:14px; color:var(--cpc-ink);
	height:42px; line-height:normal; padding:0 40px 0 14px;
	border:1px solid var(--cpc-line); border-radius:var(--cpc-rs); background:#fff;
	cursor:pointer; display:inline-flex; align-items:center;
}
.cpc-select::after{
	content:""; position:absolute; right:13px; top:50%; width:9px; height:9px;
	border-right:2px solid var(--cpc-muted); border-bottom:2px solid var(--cpc-muted);
	transform:translateY(-70%) rotate(45deg); pointer-events:none;
}

/* ------------------------------------------------------------------
 * Packs
 * ---------------------------------------------------------------- */
.cpc-pack{ display:block; background:#fff; border:1px solid var(--cpc-line); border-radius:var(--cpc-r); padding:16px 18px; margin-bottom:13px; cursor:pointer; position:relative; }
.cpc-pack--selected{ border:2px solid var(--cpc-pink); padding:15px 17px; }
.cpc-pack input[type=radio]{ position:absolute; opacity:0; }
.cpc-badge{ display:inline-block; font-size:11px; font-weight:700; color:#fff; padding:3px 11px; border-radius:var(--cpc-rs); margin-bottom:9px; }
.cpc-badge--best{ background:var(--cpc-pink); }
.cpc-badge--reco{ background:var(--cpc-teal); }
.cpc-pack__body{ display:flex; gap:16px; align-items:flex-start; }
.cpc-pack__info{ flex:1; min-width:0; }
.cpc-pack__name{ font-size:19px; font-weight:700; color:var(--cpc-ink); margin-bottom:7px; }
.cpc-feature{ display:flex; align-items:center; gap:7px; font-size:13.5px; color:var(--cpc-ink); margin-bottom:4px; }
.cpc-feature svg{ flex-shrink:0; }
.cpc-pack__validity{ display:flex; align-items:center; gap:6px; font-size:12px; color:var(--cpc-muted); margin-top:5px; }
.cpc-pack__pricecol{ text-align:right; flex-shrink:0; }
.cpc-price{ font-size:24px; font-weight:700; color:var(--cpc-ink); display:block; }
.cpc-once{ font-size:11.5px; color:var(--cpc-muted); display:block; margin-top:1px; }
.cpc-save{ display:inline-block; margin-top:6px; background:var(--cpc-pink-050); color:var(--cpc-pink-dark); font-size:11px; font-weight:700; padding:2px 9px; border-radius:var(--cpc-rs); }
.cpc-radio{ width:22px; height:22px; border-radius:50%; border:1.5px solid #C9C9D4; flex-shrink:0; align-self:center; }
.cpc-pack input:checked ~ .cpc-radio{ border:none; background:var(--cpc-pink); }
.cpc-pack input:checked ~ .cpc-radio::after{ content:"✓"; display:block; color:#fff; font-size:13px; line-height:22px; text-align:center; }


.cpc-notes{ margin:14px 0; }
.cpc-note{ display:flex; gap:8px; align-items:flex-start; font-size:12px; color:var(--cpc-muted); margin-bottom:6px; }
.cpc-note svg{ flex-shrink:0; margin-top:1px; }

/* ------------------------------------------------------------------
 * CTAs
 * ---------------------------------------------------------------- */
.cpc-cta{
	display:flex; align-items:center; justify-content:center; gap:9px; width:100%;
	background:var(--cpc-pink); color:#fff !important; border:none; border-radius:var(--cpc-rs);
	padding:14px; font:inherit; font-size:15px; font-weight:700; cursor:pointer; text-decoration:none !important;
	margin-top:10px; transition:background .15s; box-sizing:border-box;
}
.cpc-cta:hover{ background:var(--cpc-pink-dark); }
.cpc-cta--ghost{ background:#fff; color:var(--cpc-teal) !important; border:1px solid var(--cpc-teal); }
.cpc-cta--ghost:hover{ background:#F0F9FB; }
.cpc-cta[disabled]{ opacity:.6; cursor:wait; }
.cpc-cta--wire{ background:#fff; color:var(--cpc-teal) !important; border:1.5px solid var(--cpc-teal); margin-top:0; }
.cpc-cta--wire:hover{ background:#F0F9FB; }
.cpc-or{ display:flex; align-items:center; gap:12px; margin:14px 0 4px; color:var(--cpc-muted); font-size:12.5px; text-transform:uppercase; letter-spacing:.5px; }
.cpc-or::before, .cpc-or::after{ content:""; flex:1; height:1px; background:var(--cpc-line); }

.cpc-paypal{ margin-top:12px; }

/* ------------------------------------------------------------------
 * Tracking
 * ---------------------------------------------------------------- */
.cpc-tracking{ background:var(--cpc-bg); border-radius:var(--cpc-r); padding:16px; margin-top:20px; }
.cpc-tracking__h{ text-align:center; font-size:14px; font-weight:700; color:var(--cpc-ink); margin-bottom:13px; }
.cpc-tracking__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.cpc-status{ border-radius:var(--cpc-rs); padding:13px 8px; text-align:center; }
.cpc-status__dot{ display:block; width:14px; height:14px; border-radius:50%; margin:0 auto 8px; }
.cpc-status__l{ display:block; font-size:13px; font-weight:700; }
.cpc-status__s{ display:block; font-size:11px; color:var(--cpc-muted); }
.cpc-status--ok{ background:var(--cpc-success-bg); } .cpc-status--ok .cpc-status__dot{ background:#1D9E75; } .cpc-status--ok .cpc-status__l{ color:var(--cpc-success); }
.cpc-status--op{ background:var(--cpc-warning-bg); } .cpc-status--op .cpc-status__dot{ background:#EF9F27; } .cpc-status--op .cpc-status__l{ color:var(--cpc-warning); }
.cpc-status--er{ background:var(--cpc-danger-bg); } .cpc-status--er .cpc-status__dot{ background:#E24B4A; } .cpc-status--er .cpc-status__l{ color:var(--cpc-danger); }
.cpc-tracking__note{ display:flex; gap:8px; justify-content:center; align-items:flex-start; font-size:12px; color:var(--cpc-muted); margin-top:13px; text-align:center; }
.cpc-tracking__note svg{ flex-shrink:0; margin-top:1px; }

/* ------------------------------------------------------------------
 * Benefits (mockup "All Premium Contact benefits include")
 * ---------------------------------------------------------------- */
.cpc-benefits{ background:var(--cpc-pink-050); border-radius:var(--cpc-r); padding:18px 20px; margin-top:14px; }
.cpc-benefits__h{ text-align:center; font-size:14px; font-weight:700; color:var(--cpc-pink-dark); margin-bottom:15px; }
.cpc-benefits__grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 22px; }
.cpc-benefit{ display:flex; gap:10px; align-items:flex-start; }
.cpc-benefit svg{ color:var(--cpc-pink); flex-shrink:0; margin-top:1px; }
.cpc-benefit span{ font-size:13px; color:var(--cpc-pink-dark); }

/* ------------------------------------------------------------------
 * Member card + send form
 * ---------------------------------------------------------------- */
.cpc-member-card{ display:flex; align-items:center; gap:14px; background:#fff; border:1px solid var(--cpc-line); border-radius:var(--cpc-r); padding:15px 17px; margin-bottom:16px; }
.cpc-member-card--flat{ border:none; padding:10px 0; margin-bottom:6px; }
.cpc-member-card img{ border-radius:50%; object-fit:cover; flex-shrink:0; }
.cpc-member-card__name{ font-size:16px; font-weight:700; color:var(--cpc-ink); }
.cpc-member-card__meta{ font-size:13px; color:var(--cpc-muted); margin-top:2px; }
.cpc-member-card__looking{ display:flex; align-items:center; gap:6px; font-size:13px; color:var(--cpc-text); margin-top:4px; }
.cpc-member-card__looking svg{ color:var(--cpc-muted); }

.cpc-label{ display:block; font-size:14px; font-weight:600; color:var(--cpc-ink); margin:14px 0 6px; }
.cpc-optional, .cpc-required{ font-weight:400; color:var(--cpc-muted); }
.cpc-send input[type=text], .cpc-send textarea{
	width:100%; box-sizing:border-box; font:inherit; font-size:14px;
	border:1px solid var(--cpc-line); border-radius:var(--cpc-rs); padding:11px 13px; background:#fff;
}
.cpc-send textarea{ resize:vertical; min-height:150px; }
.cpc-counter{ display:flex; justify-content:space-between; font-size:12px; color:var(--cpc-muted); margin-top:5px; }
.cpc-consent{ display:flex; gap:10px; align-items:flex-start; font-size:13.5px; margin:14px 0 4px; cursor:pointer; }
.cpc-consent input{ margin-top:2px; }

/* ------------------------------------------------------------------
 * Sent confirmation (Page 05)
 * ---------------------------------------------------------------- */
.cpc-sent-hero{ text-align:center; padding:22px 0 10px; }
.cpc-sent-badge{ position:relative; width:110px; margin:0 auto 16px; }
.cpc-sent-check{
	width:84px; height:84px; margin:0 auto; border-radius:50%;
	border:3px solid #1D9E75; color:#1D9E75;
	display:flex; align-items:center; justify-content:center; background:#fff;
	box-shadow:0 0 0 10px var(--cpc-success-bg);
}
.cpc-sent-spark{ position:absolute; color:var(--cpc-pink); }
.cpc-sent-spark--a{ top:-8px; right:-6px; }
.cpc-sent-spark--b{ bottom:-2px; left:-10px; }
.cpc-sent-hero h2{ font-size:23px; color:var(--cpc-ink); margin:0 0 6px; }
.cpc-sent-hero p{ color:var(--cpc-muted); font-size:14px; margin:0; }
.cpc-summary{ background:#fff; border:1px solid var(--cpc-line); border-radius:var(--cpc-r); padding:16px 18px; margin:18px 0; }
.cpc-summary__h{ font-size:14px; font-weight:700; color:var(--cpc-ink); margin-bottom:8px; }
.cpc-summary__row{ display:flex; justify-content:space-between; gap:14px; font-size:13.5px; padding:9px 0; border-top:1px solid var(--cpc-line); }
.cpc-summary__row span:first-child{ color:var(--cpc-muted); flex-shrink:0; }
.cpc-summary__row span:last-child{ text-align:right; word-break:break-word; }

/* Tags */
.cpc-tag{ display:inline-block; font-size:11px; font-weight:700; padding:3px 11px; border-radius:var(--cpc-rs); white-space:nowrap; }
.cpc-tag--sent{ background:var(--cpc-success-bg); color:var(--cpc-success); }
.cpc-tag--opened{ background:var(--cpc-success-bg); color:var(--cpc-success); }
.cpc-tag--pending{ background:var(--cpc-pending-bg); color:var(--cpc-pending); }
.cpc-tag--failed{ background:var(--cpc-danger-bg); color:var(--cpc-danger); }
.cpc-tag--neutral{ background:var(--cpc-bg); color:var(--cpc-muted); }

/* ------------------------------------------------------------------
 * My Premium Contacts — table (desktop) + cards (mobile)
 * ---------------------------------------------------------------- */
.cpc-table{ width:100%; border-collapse:separate; border-spacing:0; background:#fff; border:1px solid var(--cpc-line); border-radius:var(--cpc-r); overflow:hidden; margin-top:14px; }
.cpc-table th{ background:var(--cpc-bg); text-align:left; font-size:12.5px; font-weight:700; color:var(--cpc-muted); padding:12px 14px; border-bottom:1px solid var(--cpc-line); }
.cpc-table td{ padding:13px 14px; border-bottom:1px solid var(--cpc-line); font-size:13.5px; vertical-align:middle; }
.cpc-table tr:last-child td{ border-bottom:none; }
.cpc-td-date span{ color:var(--cpc-muted); font-size:12px; }
.cpc-td-recipient{ display:flex; align-items:center; gap:11px; }
.cpc-td-recipient img{ border-radius:50%; flex-shrink:0; }
.cpc-td-recipient b{ color:var(--cpc-ink); }
.cpc-td-sub{ color:var(--cpc-muted); font-size:12.5px; }
.cpc-td-preview{ color:var(--cpc-text); max-width:260px; }

.cpc-rows{ margin-top:14px; display:none; }
.cpc-row{ display:flex; gap:14px; background:#fff; border:1px solid var(--cpc-line); border-radius:var(--cpc-r); padding:14px 16px; margin-bottom:12px; }
.cpc-row__avatar{ border-radius:50%; flex-shrink:0; object-fit:cover; }
.cpc-row__main{ flex:1; min-width:0; }
.cpc-row__top{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:15px; color:var(--cpc-ink); }
.cpc-row__sub{ font-size:12.5px; color:var(--cpc-muted); margin:3px 0; }
.cpc-row__preview{ font-size:13.5px; }
.cpc-row__message{ font-size:13.5px; line-height:1.6; background:var(--cpc-bg); border-radius:var(--cpc-rs); padding:13px 15px; }

/* Details panel */
.cpc-detail-panel{ background:#fff; border:1px solid var(--cpc-line); border-radius:var(--cpc-r); padding:18px 20px; margin-top:16px; }
.cpc-detail-panel__head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.cpc-detail-panel__head b{ font-size:16px; color:var(--cpc-ink); }
.cpc-detail-close{ background:none; border:0; font-size:24px; line-height:1; color:var(--cpc-muted); cursor:pointer; padding:0 4px; }
.cpc-detail-cols{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:20px; }
.cpc-detail-meta .cpc-summary__row:first-child{ border-top:none; }
.cpc-detail-msg__h{ font-size:12px; font-weight:700; color:var(--cpc-muted); text-transform:uppercase; letter-spacing:.4px; margin-bottom:7px; }
.cpc-brevo-dot{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; background:#0B996E; color:#fff; font-size:11px; font-weight:700; }
.cpc-detail-src code{ font-size:11px; word-break:break-all; }

/* Photos picker (send form) */
.cpc-photos{ display:flex; gap:10px; flex-wrap:wrap; margin:6px 0 16px; }
#cpc-photos-input{ display:none !important; }
.cpc-photos__add{
	width:64px; height:64px; border:1.5px dashed var(--cpc-line); border-radius:10px;
	background:#fff; color:var(--cpc-muted); font-size:26px; cursor:pointer;
}
.cpc-photos__add:hover{ border-color:var(--cpc-pink); color:var(--cpc-pink); }
.cpc-photos__item{ position:relative; width:64px; height:64px; }
.cpc-photos__item img{ width:64px; height:64px; object-fit:cover; border-radius:10px; border:1px solid var(--cpc-line); }
.cpc-photos__rm{
	position:absolute; top:-7px; right:-7px; width:20px; height:20px; line-height:18px;
	border-radius:50%; border:none; background:var(--cpc-pink); color:#fff; font-size:13px; cursor:pointer; padding:0;
}

/* Avatars: never distorted (theme/BuddyBoss overrides) */
.cpc-row__avatar,
.cpc-td-recipient img,
.cpc-member-card > img{
	width:44px !important; height:44px !important; min-width:44px;
	border-radius:50% !important; object-fit:cover; flex:0 0 44px;
}
.cpc-td-recipient img{ width:40px !important; height:40px !important; min-width:40px; flex:0 0 40px; }
.cpc-member-card > img{ width:56px !important; height:56px !important; min-width:56px; flex:0 0 56px; }

/* Status tags: colored dot + label */
.cpc-tag{ display:inline-flex; align-items:center; gap:6px; }
.cpc-tag::before{ content:''; width:8px; height:8px; border-radius:50%; background:#9AA3AE; flex:0 0 8px; }
.cpc-tag--sent::before{ background:#9AA3AE; }
.cpc-tag--delivered{ background:#E7F6EF; color:#1D9E75; }
.cpc-tag--delivered::before{ background:#1D9E75; }
.cpc-tag--opened::before{ background:#0E8F6E; }
.cpc-tag--failed::before{ background:#D64545; }
.cpc-tag--neutral::before{ display:none; }

/* Buy intro + member link */
.cpc-intro{ color:var(--cpc-muted); font-size:14.5px; margin:0 0 14px; max-width:680px; }
.cpc-intro--hl{ color:var(--cpc-ink); font-size:15.5px; font-weight:600; line-height:1.55; background:var(--cpc-pink-050); border-left:4px solid var(--cpc-pink); border-radius:var(--cpc-rs); padding:13px 16px; max-width:none; }
a.cpc-member-link{ color:var(--cpc-ink); text-decoration:none; }
a.cpc-member-link:hover{ color:var(--cpc-pink); text-decoration:underline; }

/* Promo banner (mockup Page 01) */
.cpc-promo{
	display:flex; align-items:center; gap:12px;
	background:var(--cpc-pink-050); border:1px solid #F6C9DD; border-radius:var(--cpc-r);
	padding:13px 16px; margin:0 0 16px; text-decoration:none !important; max-width:100%;
}
.cpc-promo .cpc-sparkle{ color:var(--cpc-pink); }
.cpc-promo__txt{ flex:1; min-width:0; display:flex; flex-direction:column; }
.cpc-promo__txt b{ color:var(--cpc-pink); font-size:15.5px; font-weight:700; }
.cpc-promo__txt span{ color:var(--cpc-muted); font-size:12.5px; }
.cpc-promo__chev{ color:var(--cpc-pink); font-size:22px; line-height:1; }
.cpc-promo:hover{ background:#FADBE9; }

/* Membership cross-sell */
.cpc-membership{ text-align:center; margin-top:20px; font-size:14px; }
.cpc-membership b{ display:block; color:var(--cpc-ink); margin-bottom:4px; }
.cpc-membership a{ color:var(--cpc-teal); text-decoration:none; font-weight:600; }
.cpc-membership a:hover{ text-decoration:underline; }

/* Profile header button (BuddyBoss): sits in the same row as Send message / Follow */
.generic-button.cpc-btn-wrap.cpc-profile{ display:inline-block !important; vertical-align:middle; margin:0 0 0 10px !important; float:none !important; }
.generic-button.cpc-btn-wrap.cpc-profile .cpc-btn,
.cpc-profile .cpc-btn{
	display:inline-flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important;
	gap:8px !important; white-space:nowrap !important;
	min-height:40px !important; padding:9px 18px !important; box-sizing:border-box !important;
	background:var(--cpc-pink-050) !important; border:1.5px solid var(--cpc-pink) !important; border-radius:999px !important;
	color:var(--cpc-pink) !important; font-size:14px !important; font-weight:600 !important; line-height:1.2 !important;
	text-decoration:none !important; box-shadow:none !important; text-transform:none !important;
}
.cpc-profile .cpc-btn:hover{ background:#FBDEEC !important; color:var(--cpc-pink) !important; }
.cpc-profile .cpc-btn--done{ border:1px solid var(--cpc-line) !important; background:var(--cpc-grey-050) !important; color:var(--cpc-muted) !important; cursor:default !important; }
.cpc-profile + .cpc-details-link{ display:block; margin-top:8px; }
.cpc-btn svg, .cpc-btn span{ display:inline-block; vertical-align:middle; }

/* Hide WP/BuddyBoss page titles on plugin pages (shortcode brings its own headings) */
body.cpc-page-tpl .entry-title,
body.cpc-page-tpl h1.entry-title,
body.cpc-page-tpl .page-title,
body.cpc-page-tpl .bb-grid .entry-header,
body.cpc-page-tpl header.entry-header{ display:none !important; }

/* Notification settings note */
.cpc-notif-note{ font-size:12px; color:var(--cpc-muted); }

@media (max-width:760px){
	.cpc-table{ display:none; }
	.cpc-rows{ display:block; }
	.cpc-detail-cols{ grid-template-columns:1fr; }
	.cpc-tracking__grid{ grid-template-columns:1fr; }
	.cpc-benefits__grid{ grid-template-columns:1fr; }
	.cpc-price{ font-size:21px; }
}

/* Buy page: clean mobile layout (mockup Page 03) */
@media (max-width: 760px){
	.cpc-buy .cpc-pack{ padding:16px 16px 14px; }
	.cpc-buy .cpc-pack__body{ display:flex; flex-direction:column; align-items:stretch; gap:0; position:relative; }
	.cpc-buy .cpc-pack__info{ display:contents; }
	.cpc-buy .cpc-pack__name{ order:1; font-size:18px; margin:0 36px 2px 0; }
	.cpc-buy .cpc-pack__pricecol{
		order:2; display:flex; flex-direction:row; align-items:baseline; flex-wrap:wrap;
		gap:4px 10px; text-align:left; margin:0 0 10px; width:auto;
	}
	.cpc-buy .cpc-price{ font-size:26px; line-height:1.1; }
	.cpc-buy .cpc-once{ font-size:12.5px; }
	.cpc-buy .cpc-pack__pricecol br{ display:none; }
	.cpc-buy .cpc-save{ margin:0; }
	.cpc-buy .cpc-feature{ order:3; }
	.cpc-buy .cpc-pack__validity{ order:4; }
	.cpc-buy .cpc-feature, .cpc-buy .cpc-pack__validity{
		font-size:14px; padding:3px 0; display:flex; align-items:flex-start; gap:8px; width:100%;
	}
	.cpc-buy .cpc-feature span, .cpc-buy .cpc-pack__validity span{ flex:1; min-width:0; white-space:normal; }
	.cpc-buy .cpc-pack input[type="radio"]{ position:absolute; top:0; right:0; }
	.cpc-buy .cpc-pack .cpc-radio{ position:absolute; top:0; right:0; margin:0; }
	.cpc-buy .cpc-badge{ position:static; display:inline-block; margin:0 0 10px; }
}