/**
 * Promjena kartice — Moj prosperitet → Pretplata tab.
 * CSS varijable iz tokens.css.
 *
 * @package Prosperitet
 */

/* Gumb "Promijeni" pored naziva načina plaćanja */
.pr-pm-change-card-link {
	font-size: 13px;
	font-weight: 500;
	color: var(--c-teal);
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	text-decoration: underline;
	text-underline-offset: 2px;
	flex-shrink: 0;
}
.pr-pm-change-card-link:hover {
	color: var(--c-gold);
}

/* PayPal hint — desno od naziva, umjesto gumba */
.pr-pm-paypal-hint {
	font-size: 12px;
	color: var(--c-text-muted);
	flex-shrink: 0;
}

/* Panel za unos nove kartice (Stripe Card Element) */
.pr-pm-card-update {
	margin-top: 12px;
	padding: 16px;
	background: var(--c-cream);
	border: 1px solid var(--c-border-soft);
	border-radius: 10px;
}

.pr-pm-card-mount {
	min-height: 44px;
	padding: 12px;
	background: #fff;
	border: 1px solid var(--c-border-soft);
	border-radius: 8px;
	transition: border-color .2s;
}
.pr-pm-card-mount:focus-within {
	border-color: var(--c-teal);
}

.pr-pm-card-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 12px;
}

.pr-pm-card-save {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 40px;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background: var(--c-teal);
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: opacity .2s;
}
.pr-pm-card-save:hover { opacity: .9; }
.pr-pm-card-save:disabled { opacity: .6; cursor: wait; }

.pr-pm-card-cancel {
	font-size: 13px;
	font-weight: 500;
	color: var(--c-text-muted);
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}
.pr-pm-card-cancel:hover { color: var(--c-text); }

/* Poruka (reuse is-ok/is-err iz profile-modal.css) */
.pr-pm-card-msg {
	margin-top: 10px;
	padding: 10px 14px;
	border-radius: 8px;
	font-size: 13px;
	line-height: 1.45;
}
.pr-pm-card-msg.is-ok  { background: rgba(45, 109, 114, .1); color: #1a5c5e; }
.pr-pm-card-msg.is-err { background: rgba(180, 50, 50, .08); color: #9a2b2b; }