/* ===========================================================================
   Partnerprogramma (SliceWP) in Pluffie-stijl.
   Laadt alleen op /partnerprogramma/ (zie pluffie_enqueue_assets).
   Dashboard-selectors zijn deels op de tast (ingelogde staat); de fallbacks
   houden alles veilig als een SliceWP-class anders heet.
   =========================================================================== */

/* ---- Aanmeld- / inlogformulieren ---- */
.slicewp-form {
	max-width: none;
	margin: 0 0 2rem;
	background: #fff;
	border: 1px solid var(--pluffie-border-soft, #EFE4D4);
	border-radius: var(--pluffie-radius-lg, 20px);
	padding: clamp(20px, 4vw, 32px);
	box-shadow: 0 18px 40px -28px rgba(62, 79, 67, 0.4);
}
.slicewp-field-wrapper { margin-bottom: 16px; }
.slicewp-field-label-wrapper {
	display: block;
	margin-bottom: 6px;
	font-family: var(--pluffie-font-body, inherit);
	font-weight: var(--pluffie-fw-semibold, 700);
	font-size: 14px;
	color: var(--pluffie-fg, #2E2A24);
}
.slicewp-field-required-marker { color: var(--pluffie-accent, #E08A5F); margin-left: 2px; }
.slicewp-field-inner { position: relative; }
.slicewp-form input[type="text"],
.slicewp-form input[type="email"],
.slicewp-form input[type="password"],
.slicewp-form input[type="url"],
.slicewp-form input[type="number"],
.slicewp-form textarea,
.slicewp-form select {
	width: 100%;
	box-sizing: border-box;
	padding: 12px 14px;
	font-family: var(--pluffie-font-body, inherit);
	font-size: 15px;
	color: var(--pluffie-fg, #2E2A24);
	background: var(--pluffie-bg-warm, #FBF6EE);
	border: 1.5px solid var(--pluffie-border-soft, #EFE4D4);
	border-radius: var(--pluffie-radius-md, 12px);
	transition: border-color 0.18s ease, background 0.18s ease;
}
.slicewp-form input:focus,
.slicewp-form textarea:focus,
.slicewp-form select:focus {
	outline: none;
	border-color: var(--pluffie-accent, #E08A5F);
	background: #fff;
}
.slicewp-show-hide-password { color: var(--pluffie-fg-muted, #9A8F7F); }

/* ---- Knoppen ---- */
.slicewp-button-primary,
.slicewp-form button[type="submit"],
.slicewp-form input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 28px;
	background: var(--pluffie-accent, #E08A5F);
	color: #fff;
	font-family: var(--pluffie-font-display, inherit);
	font-weight: var(--pluffie-fw-semibold, 600);
	font-size: 16px;
	border: 0;
	border-radius: var(--pluffie-radius-pill, 999px);
	cursor: pointer;
	box-shadow: 0 14px 26px -14px rgba(197, 111, 69, 0.7);
	transition: background 0.18s ease, transform 0.12s ease;
}
.slicewp-button-primary:hover,
.slicewp-form button[type="submit"]:hover,
.slicewp-form input[type="submit"]:hover { background: var(--pluffie-accent-dark, #C56F45); }
.slicewp-button-primary:active { transform: scale(0.98); }

/* ---- Dashboard (ingelogde partner) ---- */
.slicewp-affiliate-account-navigation,
.slicewp-navigation {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--pluffie-border-soft, #EFE4D4);
}
.slicewp-affiliate-account-navigation a,
.slicewp-navigation a {
	padding: 8px 16px;
	border-radius: var(--pluffie-radius-pill, 999px);
	font-weight: var(--pluffie-fw-semibold, 700);
	font-size: 14px;
	color: var(--pluffie-fg-muted, #6E665C);
	text-decoration: none;
	transition: background 0.16s ease, color 0.16s ease;
}
.slicewp-affiliate-account-navigation a:hover,
.slicewp-affiliate-account-navigation a.slicewp-active,
.slicewp-navigation a.slicewp-current {
	background: var(--pluffie-bg-warm, #FBF6EE);
	color: var(--pluffie-accent-dark, #C56F45);
}

/* Statistiek-tegels */
.slicewp-statistics,
.slicewp-statistics-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 14px;
	margin-bottom: 28px;
}
.slicewp-statistic,
.slicewp-statistics-box {
	background: #fff;
	border: 1px solid var(--pluffie-border-soft, #EFE4D4);
	border-radius: var(--pluffie-radius-md, 16px);
	padding: 18px 20px;
}
.slicewp-statistic-value,
.slicewp-statistics-box-value {
	font-family: var(--pluffie-font-display, inherit);
	font-weight: var(--pluffie-fw-bold, 700);
	font-size: 26px;
	color: var(--pluffie-accent-dark, #C56F45);
}
.slicewp-statistic-label,
.slicewp-statistics-box-label {
	font-size: 13px;
	font-weight: 700;
	color: var(--pluffie-fg-muted, #9A8F7F);
}

/* Tabellen (verwijzingen / betalingen) */
.slicewp-table,
.slicewp-affiliate-account table { width: 100%; border-collapse: collapse; font-size: 14px; }
.slicewp-table th,
.slicewp-affiliate-account th {
	text-align: left;
	padding: 10px 12px;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--pluffie-fg-muted, #6E665C);
	border-bottom: 2px solid var(--pluffie-border-soft, #EFE4D4);
}
.slicewp-table td,
.slicewp-affiliate-account td {
	padding: 12px;
	border-bottom: 1px solid var(--pluffie-border-soft, #EFE4D4);
	color: var(--pluffie-fg, #2E2A24);
}

/* Unieke link + kopieer-knop */
.slicewp-copy-button,
.slicewp-button-secondary {
	background: var(--pluffie-bg-warm, #F6EADB);
	color: var(--pluffie-accent-dark, #C56F45);
	border: 1px solid var(--pluffie-border-soft, #EFE4D4);
	border-radius: var(--pluffie-radius-pill, 999px);
	padding: 10px 18px;
	font-weight: 800;
	cursor: pointer;
}

/* Meldingen */
.slicewp-notice,
.slicewp-message {
	border-radius: var(--pluffie-radius-md, 12px);
	padding: 12px 16px;
	margin-bottom: 16px;
	font-size: 14px;
}
.slicewp-notice-success,
.slicewp-message-success { background: #EAF3EA; color: #3E5A3E; }
.slicewp-notice-error,
.slicewp-message-error { background: #FBEAE3; color: var(--pluffie-accent-dark, #C56F45); }

/* ---- Eigen wrapper: aanmelden + ingeklapte login (i.p.v. 3 losse formulieren) ---- */
.pluffie-affiliate-area { max-width: none; }
.pluffie-affiliate-login { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--pluffie-border-soft, #EFE4D4); }
.pluffie-affiliate-login > summary { cursor: pointer; list-style: none; font-weight: 700; font-size: 14px; color: var(--pluffie-accent-dark, #C56F45); }
.pluffie-affiliate-login > summary::-webkit-details-marker { display: none; }
.pluffie-affiliate-login[open] > summary { margin-bottom: 14px; }
.pluffie-affiliate-login .slicewp-form { margin: 0; }