/* WooCommerce Affiliate & Partner Program — self-contained styles.
   Define these custom properties in your own theme's CSS to match your
   brand (they fall back to sensible neutral defaults otherwise). */
:root{
	--wcap-primary: #C21F6B;
	--wcap-primary-dark: #97124F;
	--wcap-tint: #FCEEF5;
	--wcap-tint2: #F3DCE8;
	--wcap-ink: #232A22;
	--wcap-gray: #77727A;
	--wcap-font: inherit;
}

.wcap-panel{ max-width:640px; font-family:var(--wcap-font); }
.wcap-heading{ font-size:24px; font-weight:700; margin:0 0 8px; color:var(--wcap-ink); }
.wcap-heading span{ color:var(--wcap-primary); }
.wcap-intro{ font-size:13.5px; color:var(--wcap-gray); line-height:1.7; margin:0 0 24px; }
.wcap-subheading{ font-size:16px; font-weight:700; color:var(--wcap-ink); margin:28px 0 14px; }

.wcap-form{ display:flex; flex-direction:column; gap:16px; margin-top:20px; }
.wcap-form label{ display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:700; color:var(--wcap-ink); }
.wcap-form input, .wcap-form textarea{
	border:1px solid var(--wcap-tint2); border-radius:8px; padding:11px 14px; font-size:14px;
	font-family:var(--wcap-font); font-weight:400; color:var(--wcap-ink); resize:vertical;
}
.wcap-submit{
	background:var(--wcap-primary); color:#fff; border:none; padding:13px 26px; border-radius:26px;
	font-size:14px; font-weight:700; cursor:pointer; align-self:flex-start; transition:background .2s;
}
.wcap-submit:hover{ background:var(--wcap-primary-dark); }
.wcap-rejected-note{ background:var(--wcap-tint); border-left:3px solid var(--wcap-primary); padding:12px 16px; font-size:13px; color:var(--wcap-ink); border-radius:6px; margin:0 0 20px; }

.wcap-code-box{ background:var(--wcap-tint); border-radius:12px; padding:20px 24px; margin:24px 0; }
.wcap-code-label{ font-size:12px; font-weight:700; color:var(--wcap-gray); text-transform:uppercase; letter-spacing:.03em; margin-bottom:10px; }
.wcap-code-row{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.wcap-code{ font-size:22px; font-weight:700; color:var(--wcap-primary); letter-spacing:.02em; }
.wcap-copy{ background:#fff; border:1px solid var(--wcap-tint2); border-radius:20px; padding:7px 16px; font-size:12.5px; font-weight:700; color:var(--wcap-ink); cursor:pointer; }
.wcap-copy:hover{ background:var(--wcap-primary); color:#fff; border-color:var(--wcap-primary); }
.wcap-copy.is-copied{ background:#3FA556; color:#fff; border-color:#3FA556; }
.wcap-code-sub{ font-size:12.5px; color:var(--wcap-gray); margin-top:10px; }

.wcap-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:28px; }
.wcap-stat{ background:#fff; border:1px solid var(--wcap-tint2); border-radius:10px; padding:16px; text-align:center; }
.wcap-stat-value{ font-size:20px; font-weight:700; color:var(--wcap-ink); }
.wcap-stat-label{ font-size:11.5px; color:var(--wcap-gray); margin-top:4px; }

.wcap-orders-table{ border:1px solid var(--wcap-tint2); border-radius:10px; overflow:hidden; }
.wcap-orders-row{ display:grid; grid-template-columns:1fr 1fr 1fr 1fr; padding:12px 16px; font-size:13px; color:var(--wcap-ink); gap:8px; }
.wcap-orders-row:not(:last-child){ border-bottom:1px solid var(--wcap-tint2); }
.wcap-orders-head{ background:var(--wcap-tint); font-weight:700; font-size:11.5px; text-transform:uppercase; letter-spacing:.02em; }

@media (max-width: 560px){
	.wcap-stats{ grid-template-columns:1fr; }
	.wcap-orders-row{ grid-template-columns:1fr 1fr; font-size:11.5px; }
}