/**
 * Stabilna interaktivna stanja DENS frontend komponent.
 * Samo obstoječe ACSS spremenljivke; brez lastnih barvnih tokenov.
 */
.densf-plan-card,
.densf-addon-card,
.densf-payment-method {
	transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}

.densf-plan-card:hover,
.densf-addon-card:hover,
.densf-payment-method:hover {
	border-color: var(--base-light);
}

.densf-plan-card:has(input:focus-visible),
.densf-addon-card:has(input:focus-visible),
.densf-payment-method:has(input:focus-visible) {
	border-color: var(--base-light);
	box-shadow: 0 0 0 3px var(--base-ultra-light);
}

.densf-form__input[readonly],
.densf-form__textarea[readonly],
.densf-form__input:disabled,
.densf-form__textarea:disabled {
	background: var(--neutral-ultra-light);
	border-color: var(--border-color-dark);
	color: var(--text-dark-muted);
	cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
	.densf-plan-card,
	.densf-addon-card,
	.densf-payment-method,
	.densf-form__input,
	.densf-form__textarea {
		transition: none;
	}
}